HTML DOM Document 对象

Document 对象

Document 对象是您网页中所有其他对象的所有者。

Document 对象是HTML文档的根节点,代表您的网页。

如果要访问HTML页面中的任何元素,则始终从访问Document 对象开始。

它为文档提供全局功能,例如如何获取页面的URL并在文档中创建新元素。

本示例使用getElementById()方法查找HTML元素(具有id="para"):

document.getElementById("para");
测试看看‹/›

Document 对象是HTML文档的根节点。

Document 对象属性

下表列出了Document对象的属性:

属性描述
activeElement返回文档中当前获得焦点的元素
baseURI返回文档的绝对基本URI
body设置或返回文档的正文(元素)
cookie返回该文档的cookies的分号分隔列表
characterSet返回文档使用的字符集
defaultView返回与文档关联的窗口对象;如果没有可用的窗口对象,则返回null
designMode获取或设置编辑整个文档的能力
doctype返回当前文档的文档类型声明
documentElement返回作为文档直接子元素的Document元素(<html>元素)
documentURI设置或返回字符串形式的文档位置
domain返回加载文档的服务器的域名
embeds返回文档中所有<embed>元素的列表
forms返回文档中所有<form>元素的列表
fullscreenElement返回以全屏模式显示的当前元素
fullscreenEnabled返回一个布尔值,该值指示是否可以全屏模式查看文档
head返回文档的<head>元素
images返回文档中所有<img>元素的列表
implementation返回与当前文档关联的DOM实现
lastModified返回上次修改文档的日期和时间
links返回文档中具有href属性的所有<a><area>元素的集合
readyState返回文档的加载状态
referrer返回加载当前文档的文档的URL
scripts返回文档中<script>元素的列表
title设置或返回文档标题
URL以字符串形式返回HTML文档的完整URL

文档对象方法

下表列出了Document对象的方法:

方法描述
addEventListener()将事件处理程序附加到文档
adoptNode()从外部文档中采用节点
close()关闭先前使用document.open()打开的文档流
createAttribute()创建一个属性节点
createComment()用指定的文本创建一个新的Comment节点
createDocumentFragment()创建一个新的文档片段节点
createElement()用给定的标签名称创建一个新的元素节点
createTextNode()创建一个文本节点
execCommand()在当前具有焦点的元素上调用指定的剪贴板操作。
exitFullscreen()在全屏模式下取消元素
getElementById()返回具有指定值的ID属性的元素
getElementsByClassName()返回具有给定类名称的元素列表
getElementsByName()返回具有给定名称的元素列表
getElementsByTagName()返回具有给定标签名称的元素列表
hasFocus()如果焦点当前位于指定文档内的任何位置,则返回true
importNode()从外部文档返回节点的克隆
normalize()删除空的Text节点,并连接相邻节点
normalizeDocument()删除空的Text节点,并连接相邻节点
open()打开文档流进行写入
querySelector()返回与文档中指定的CSS选择器匹配的第一个元素
querySelectorAll()返回与文档中指定的CSS选择器匹配的所有元素的列表
removeEventListener()从附加了addEventListener()方法的文档中删除事件处理程序
write()将HTML表达式或JavaScript代码写入文档
writeln()与write()相同,但在每个语句后添加换行符