在HTML DOM文档对象是在网页中所有其他对象的所有者。
在HTML DOM文档对象
文档对象代表你的网页。
如果您要访问的任何元素在HTML页面中,你总是用访问文档对象开始。
下面是如何使用文档对象访问和操作HTML一些例子。
查找HTML元素
方法 | 描述 |
---|---|
document.getElementById( id ) | 查找元素ID的元素 |
document.getElementsByTagName( name ) | 查找标记名称的元素 |
document.getElementsByClassName( name ) | 查找类名的元素 |
更改HTML元素
方法 | 描述 |
---|---|
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对象
第一个HTML DOM 1级(1998),界定11 HTML对象,对象集合和属性。 这些仍然在HTML5有效。
后来,在HTML DOM 3级,分别加入更多的对象,集合和属性。
属性 | 描述 | DOM |
---|---|---|
document.anchors | 返回所有<a>具有name属性的元素 | 1 |
document.applets | 返回所有<applet> 元素(HTML5已过时) | 1 |
document.baseURI | 返回文档的绝对基准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 | 已过时。返回DOM配置 | 3 |
document.embeds | 返回所有<embed>元素 | 3 |
document.forms | 返回所有<form>元素 | 1 |
document.head | 返回<head>元素 | 3 |
document.images | 返回所有<img>元素 | 1 |
document.implementation | 返回DOM实现 | 3 |
document.inputEncoding | 返回文档的编码(字符集) | 3 |
document.lastModified | 返回的日期和时间的文件被更新 | 3 |
document.links | 返回所有<area>和<a>元素具有href属性 | 1 |
document.readyState | 返回文档的(装载)状态 | 3 |
document.referrer | 返回引用的URI(链接的文件) | 1 |
document.scripts | 返回所有<script>元素 | 3 |
document.strictErrorChecking | 如果返回错误检查强制执行 | 3 |
document.title | 返回<title>元素 | 1 |
document.URL | 返回文档的完整URL | 1 |