JavaScript htmldom document

HTML DOM 文档对象是在你web页面中所有其他对象的拥有者.

HTML DOM 文档对象

文档对象描述你的网页。

如果你想访问HTML页面中的任何一个元素，你总是开始访问文档对象.

下面是一些例子，你可以使用文档对象来访问和操作HTML.

方法	描述
document.getElementById(id)	通过元素id查找元素
document.getElementsByTagName(name)	按标签名称查找元素
document.getElementsByClassName(name)	按类名查找元素

方法	描述
element.innerHTML = new html content	修改一个元素内的HTML
element.attribute = new value	修改HTML元素的属性值
element.setAttribute(attribute, value)	修改HTML元素的属性值
element.style.property = new style	修改HTML元素的样式

方法	描述
document.createElement(element)	创建一个HTML元素
document.removeChild(element)	删除一个HTML元素
document.appendChild(element)	添加一个HTML元素
document.replaceChild(element)	更换一个HTML元素
document.write(text)	写在HTML输出流

方法	描述
document.getElementById(id).onclick = function(){code}	添加一个onclick事件的事件处理程序代码

第一个 HTML DOM Level 1 (1998), 定义了11个 HTML 对象, 对象集合, 和属性. 这些在在HTML5中仍然是有效的。

后来, HTML DOM Level 3, 更多的对象, 集合, 和属性被添加.

属性	描述	DOM
document.anchors	返回所有 <a> 元素	1
document.applets	返回所有<applet> 元素 (在HTML5中被废除)	1
document.baseURI	返回文档的绝对 base URI	3
document.body	返回 <body> 元素	1
document.cookie	返回文档的cookie	1
document.doctype	返回文档的 doctype	3
document.documentElement	返回 <html> 元素	3
document.documentMode	返回使用浏览器的模式	3
document.documentURI	返回文档的URI	3
document.domain	返回文档服务器的域名	1
document.domConfig	Obsolete. 返回DOM配置	3
document.embeds	返回所有 <embed> 元素	3
document.forms	返回所有 <form> 元素	1
document.head	Returns the <head> element	3
document.images	返回所有 <img> 元素	1
document.implementation	返回DOM实现	3
document.inputEncoding	返回文档的字符编码 encoding (character set)	3
document.lastModified	返回文档更新的日期和时间	3
document.links	返回所有 <area> and <a> 元素	1
document.readyState	返回文档的（加载）状态	3
document.referrer	返回 referrer 的 URI (链接文档)	1
document.scripts	返回所有 <script> 元素	3
document.strictErrorChecking	返回执行错误检查	3
document.title	返回 <title> 元素	1
document.URL	返回文档的完整URL	1