最新的Web开发教程
 

在HTML DOM文档对象


HTML DOM节点

在HTML DOM (Document Object Model) ,一切是一个节点

  • 该文件本身是一个文档节点
  • 所有的HTML元素是元素节点
  • 所有的HTML属性是属性节点
  • HTML元素中的文本是文本节点
  • 注释是注释节点

文档对象

当HTML文档被加载到web浏览器,就变成了文档对象

文档对象是HTML文档和的根节点"owner"的所有其他节点的:
(元素节点,文本节点,属性节点和注释节点)。

文档对象提供的属性和方法来访问所有节点对象,从内的JavaScript。

Tip:该文件是Window对象的一部分,并且可以作为window.document被访问。


浏览器支持

目的
Document

文档对象在所有的主流浏览器的支持。


文档对象属性和方法

下面的属性和方法可以在HTML文档中使用:

属性/方法 描述
document.activeElement 返回当前的焦点内容,在文件中
文件。 addEventListener() 附加的事件处理程序文件
文件。 adoptNode() 从另一个文档采用节点
document.anchors 返回所有集合<a>文档中的元素有一个name属性
document.applets 返回所有集合<applet>元素在文档中
document.baseURI 返回文档的绝对基础URI
document.body的 设置或返回文档的主体(the <body> element)
文件。 close() 关闭先前打开的文档的输出流。 open()
的document.cookie 返回的所有名称/值对cookies文件中
文件。 createAttribute() 创建一个属性节点
文件。 createComment() 创建具有指定文本注释节点
文件。 createDocumentFragment() 创建一个空的DocumentFragment节点
文件。 createElement() 创建了一个元素节点
文件。 createTextNode() 创建文本节点
document.doctype 返回与文档相关的文档类型声明
document.documentElement中 返回文档的文档元素(the <html> element)
document.documentMode 返回由浏览器使用的模式来再现文档
document.documentURI 设置或返回文档的位置
document.domain的 返回加载文档的服务器的域名
document.domConfig 已过时。 返回文档的DOM结构
document.embeds 返回所有的集合<embed>元素的文档
document.forms 返回所有的集合<form>元素在文件中
文件。 getElementById() 返回具有该元件ID与指定值属性
文件。 getElementsByClassName() 返回一个包含与指定的类名的所有元素的NodeList
文件。 getElementsByName() 返回包含具有指定名称的所有元素的NodeList
文件。 getElementsByTagName() 返回包含指定标签名称的所有元素的NodeList
文件。 hasFocus() 返回一个布尔值,指示文档是否具有焦点
document.head 返回<head>文档的元素
document.images 返回所有的集合<img>的元素在文件中
document.implementation 返回处理此文档的DOMImplementation对象
文件。 importNode() 从另一个文档导入一个节点
document.inputEncoding 返回编码字符集,用于文档
document.lastModified 返回的日期和时间的文件的最后修改
document.links 返回所有的集合<a><area>所述文档中的元素具有一个href属性
文件。 normalize() 删除空文本节点,并加入相邻节点
文件。 normalizeDocument() 删除空文本节点,并加入相邻节点
文件。 open() 打开一个HTML输出流从文档收集输出。 write()
文件。 querySelector() 返回指定CSS匹配的第一个元件selector(s)的文档中
文件。 querySelectorAll() 返回包含的所有元素的静态节点列表,一个指定的CSS匹配selector(s)的文档中
document.readyState 返回(loading)文档的状态
document.referrer 返回文档的装入的当前文档的URL
文件。 removeEventListener() 从文档中移除的事件处理程序(已附接有addEventListener()方法)
文件。 renameNode() 重命名指定的节点
document.scripts 返回的集合<script>所述文档中的元素
document.strictErrorChecking 设置或返回是否错误检查强制执行或不
文件名 设置或返回文档的标题
document.URL 返回HTML文档的完整网址
文件。 write() 写HTML表达式或JavaScript代码的文档
文件。 writeln() write() ,但是每个语句后面加上一个换行符

警告 !!!

在W3C DOM核心,文档对象继承来自节点对象的所有属性和方法。

许多属性和方法作出任何文件上使用的感觉。

避免使用HTML文档对象,这些节点对象的属性和方法:

属性/方法 理由要避开
document.attributes 文档没有属性
文件。 hasAttributes() 文档没有属性
document.nextSibling 文件没有兄弟姐妹
document.nodeName 这始终是#document
document.nodeType 这始终是9 (DOCUMENT_NODE)
document.nodeValue 文档没有一个节点值
document.ownerDocument 文件不具有所有者文件
document.ownerElement 文件不具有所有者元素
document.parentNode 文档没有父节点
document.previousSibling 文件没有兄弟姐妹
document.textContent 文档没有文本内容