JavaScript 1 : JavaScript 教程 2 : JavaScript 简介 3 : JavaScript 用法 4 : JavaScript 输出 5 : JavaScript 语法 6 : JavaScript 语句 7 : JavaScript 注释 8 : JavaScript 变量 9 : JavaScript 数据类型 10 : JavaScript 对象 11 : JavaScript 函数 12 : JavaScript 作用域 13 : JavaScript 事件 14 : JavaScript 字符串 15 : JavaScript 运算符 16 : JavaScript 比较和逻辑运算符 17 : JavaScript If…Else 语句 18 : JavaScript switch 语句 19 : JavaScript for 循环 20 : JavaScript while 循环 21 : JavaScript Break 和 Continue 语句 22 : JavaScript typeof 23 : JavaScript 类型转换 24 : JavaScript 正则表达式 25 : JavaScript 错误 – Throw、Try 和 Catch 26 : JavaScript 调试 27 : JavaScript 变量提升 28 : JavaScript 严格模式 29 : JavaScript 使用误区 30 : JavaScript 表单验证 31 : JavaScript 保留关键字 32 : JavaScript JSON 33 : JavaScript void 34 : JavaScript 代码规范 35 : JavaScript 函数定义 36 : JavaScript 函数参数 37 : JavaScript 函数调用 38 : JavaScript 闭包 39 : JavaScript HTML DOM 40 : JavaScript HTML DOM 改变 HTML 内容 41 : JavaScript HTML DOM 改变 CSS 42 : JavaScript HTML DOM 事件 43 : DOM EventListener 44 : JavaScript HTML DOM 元素 45 : JavaScript 对象 46 : JavaScript Number 对象 47 : JavaScript 字符串(String)对象 48 : JavaScript Date(日期)对象 49 : JavaScript Array(数组)对象 50 : JavaScript Boolean(布尔)对象 51 : JavaScript Math(算数)对象 52 : JavaScript RegExp 对象 53 : JavaScript Window 54 : JavaScript Window Screen 55 : JavaScript Window Location 56 : JavaScript Window History 57 : JavaScript Window Navigator 58 : JavaScript 弹窗 59 : JavaScript 计时事件 60 : JavaScript Cookies 61 : JavaScript 库 62 : JavaScript 测试 jQuery 63 : JavaScript 测试 Prototype 64 : JavaScript 实例 65 : JavaScript 对象实例 66 : JavaScript 浏览器对象实例 67 : JavaScript HTML DOM 实例 68 : JavaScript 总结 69 : JavaScript 对象 70 : HTML DOM 对象

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文档没有文本节点
关注极客云图了解更多内容