导航：首页 > 互联网科技 >

javascript document对象怎么用

发表于：2026-11-01 作者：千家信息网编辑

千家信息网最后更新 2026年11月01日，这篇文章主要介绍了javascript document对象怎么用的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇javascript document对象怎么用文章都会有

千家信息网最后更新 2026年11月01日javascript document对象怎么用

这篇文章主要介绍了javascript document对象怎么用的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇javascript document对象怎么用文章都会有所收获，下面我们一起来看看吧。

js document对象的方法：addEventListener()、adoptNode(node)、close()、createAttribute()、open()、write()、writeln()、renameNode()等等。

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

Document 对象

每个载入浏览器的 HTML 文档都会成为 Document 对象。

Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。

提示：Document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问。

Document 对象的方法

方法	描述
addEventListener()	向文档添加句柄
adoptNode(node)	从另外一个文档返回 adapded 节点到当前文档。
close()	关闭用 document.open() 方法打开的输出流，并显示选定的数据。
createAttribute()	创建一个属性节点
createDocumentFragment()	创建空的 DocumentFragment 对象，并返回此对象。
createElement()	创建元素节点。
createTextNode()	创建文本节点。
getElementsByClassName()	返回文档中所有指定类名的元素集合，作为 NodeList 对象。
getElementById()	返回对拥有指定 id 的第一个对象的引用。
getElementsByName()	返回带有指定名称的对象集合。
getElementsByTagName()	返回带有指定标签名的对象集合。
importNode()	把一个节点从另一个文档复制到该文档以便应用。
normalize()	删除空文本节点，并连接相邻节点
normalizeDocument()	删除空文本节点，并连接相邻节点的
open()	打开一个流，以收集来自任何 [xss_clean]() 或 [xss_clean]ln() 方法的输出。
querySelector()	返回文档中匹配指定的CSS选择器的第一元素
querySelectorAll()	document.querySelectorAll() 是 HTML5中引入的新方法，返回文档中匹配的CSS选择器的所有元素节点列表
removeEventListener()	移除文档中的事件句柄(由 addEventListener() 方法添加)
renameNode()	重命名元素或者属性节点。
write()	向文档写 HTML 表达式或 JavaScript 代码。
writeln()	等同于 write() 方法，不同的是在每个表达式之后写一个换行符。