最新的Web开发教程
 

JavaScript HTML DOM文档


在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