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 | 文档没有文本内容 |