HTML DOM Document 目标


HTML DOM 节点

在 HTML DOM (Document Object Model) 中 , 每一个元素都是 节点:

  • 文档是一个文档。
  • 一切的HTML元素都是元素节点。
  • 一切 HTML 特点都是特点节点。
  • 文本刺进到 HTML 元素是文本节点。are text nodes。
  • 注释是注释节点。

Document 目标

当浏览器载入 HTML 文档, 它就会成为 document 目标

document 目标是HTML文档的根节点与一切其他节点(元素节点,文本节点,特点节点, 注释节点)。

Document 目标使咱们能够从脚本中对 HTML 页面中的一切元素进行拜访。

提示:Document 目标是 Window 目标的一部分,可经过 window.document 特点对其进行拜访。


浏览器支撑

Internet ExplorerFirefoxOperaGoogle ChromeSafari

一切首要浏览器都支撑 Document 目标。


Document 目标特点和办法

HTML文档中能够运用以上特点和办法:

特点 / 办法 描绘
document.activeElement 回来当时获取焦点元素
document.addEventListener() 向文档增加句柄
document.adoptNode(node) 从别的一个文档回来 adapded 节点到当时文档。
document.anchors 回来对文档中一切 Anchor 目标的引证。
document.applets 回来对文档中一切 Applet 目标的引证。
document.baseURI 回来文档的肯定根底 URI
document.body 回来文档的body元素
document.close() 封闭用 document.open() 办法翻开的输出流,并显现选定的数据。
document.cookie 设置或回来与当时文档有关的一切 cookie。
document.createAttribute() 创立一个特点节点
document.createComment() createComment() 办法可创立注释节点。
document.createDocumentFragment() 创立空的 DocumentFragment 目标,并回来此目标。
document.createElement() 创立元素节点。
document.createTextNode() 创立文本节点。
document.doctype 回来与文档相关的文档类型声明 (DTD)。
document.documentElement 回来文档的根节点
document.documentMode 回来用于经过浏览器烘托文档的形式
document.documentURI 设置或回来文档的方位
document.domain 回来当时文档的域名。
document.domConfig 回来normalizeDocument()被调用时所运用的装备
document.embeds 回来文档中一切嵌入的内容(embed)调集
document.forms 回来对文档中一切 Form 目标引证。
document. getElementsByClassName() 回来文档中一切指定类名的元素调集,作为 NodeList 目标。
document.getElementById() 回来对具有指定 id 的榜首个目标的引证。
document.getElementsByName() 回来带有指定称号的目标调集。
document.getElementsByTagName() 回来带有指定标签名的目标调集。
document.images 回来对文档中一切 Image 目标引证。
document.implementation 回来处理该文档的 DOMImplementation 目标。
document.importNode() 把一个节点从另一个文档复制到该文档以便运用。
document.inputEncoding 回来用于文档的编码办法(在解析时)。
document.lastModified 回来文档被最终修正的日期和时刻。
document.links 回来对文档中一切 Area 和 Link 目标引证。
document.normalize() 删去空文本节点,并衔接相邻节点
document.normalizeDocument() 删去空文本节点,并衔接相邻节点的
document.open() 翻开一个流,以搜集来自任何 document.write() 或 document.writeln() 办法的输出。
document.querySelector() 回来文档中匹配指定的CSS选择器的榜首元素
document.querySelectorAll() document.querySelectorAll() 是 HTML5中引进的新办法,回来文档中匹配的CSS选择器的一切元素节点列表
document.readyState 回来文档状况 (载入中……)
document.referrer 回来载入当时文档的文档的 URL。
document.removeEventListener() 移除文档中的事情句柄(由 addEventListener() 办法增加)
document.renameNode() 重命名元素或许特点节点。
document.scripts 回来页面中一切脚本的调集。
document.strictErrorChecking 设置或回来是否强制进行过错查看。
document.title 回来当时文档的标题。
document.URL 回来文档完好的URL
document.write() 向文档写 HTML 表达式 或 JavaScript 代码。
document.writeln() 等同于 write() 办法,不同的是在每个表达式之后写一个换行符。


正告 !!!

在 W3C DOM中心,文档目标 承继节点目标的一切特点和办法。

许多特点和办法在文档中是没有意义的。

HTML 文档目标能够防止运用这些节点目标和特点:

 特点 / 办法 防止的原因
document.attributes 文档没有该特点
document.hasAttributes() 文档没有该特点
document.nextSibling 文档没有下一节点
document.nodeName 这个通常是 #document
document.nodeType 这个通常是 9(DOCUMENT_NODE)
document.nodeValue 文档没有一个节点值
document.ownerDocument 文档没有主文档
document.ownerElement 文档没有自己的节点
document.parentNode 文档没有父节点
document.previousSibling 文档没有兄弟节点
document.textContent 文档没有文本节点