English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML DOM Document-Objekt

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()Gibt eine Liste der Elemente zurück, die den angegebenen Tag-Namen haben
hasFocus()Gibt true zurück, wenn der Fokus derzeit an jeder Stelle im angegebenen Dokument liegt
importNode()Gibt eine Kopie des Knotens von einem externen Dokument zurück
normalize()Entfernt leere Textknoten und verbindet benachbarte Knoten
normalizeDocument()Entfernt leere Textknoten und verbindet benachbarte Knoten
open()Öffnet den Dokumentfluss zum Schreiben
querySelector()Gibt das erste Element zurück, das mit dem angegebenen CSS-Selektor im Dokument übereinstimmt
querySelectorAll()Gibt eine Liste aller Elemente zurück, die mit dem angegebenen CSS-Selektor im Dokument übereinstimmen
removeEventListener()Entfernt den Ereignisverarbeiter aus dem Dokument, das addEventListener() hinzugefügt hat
write()Schreibt HTML-Ausdrücke oder JavaScript-Code in das Dokument
writeln()Wie write(), aber mit Zeilenumbruch nach jedem Statement hinzugefügt