DOM简介
DOM是文档对象模型,由W3C组织提出的标准。
DOM是文档对象模型,由W3C组织提出的标准。
DOM是一种XML文档的解析标准。
DOM的原理是将XML/XHTML文档装入内容,并以节点的形式解析为一棵节点树。
DOM提供相应的API,可以对节点树进行增删改查。
利用DOM可以让JavaScript对网页中的元素进行控制,实现动态网页的功能。
编程接口
可通过 JavaScript (以及其他编程语言)对 HTML DOM 进行访问。
所有 HTML 元素被定义为对象,而编程接口则是对象方法和对象属性。
方法是您能够执行的动作(比如添加或修改元素)。
属性是您能够获取或设置的值(比如节点的名称或内容)。
HTML DOM 对象 - 方法和属性
常用的 HTML DOM 方法:
- getElementById(id) - 获取带有指定 id 的节点(元素)
- appendChild(node) - 插入新的子节点(元素)
- removeChild(node) - 删除子节点(元素)
常用的 HTML DOM 属性:
-
innerHTML - 节点(元素)的文本值
-
parentNode - 节点(元素)的父节点
-
childNodes - 节点(元素)的子节点
-
attributes - 节点(元素)的属性节点
DOM 对象方法
常用的 DOM 对象方法:
方法
描述
| |
---|---|
getElementById()
|
返回带有指定 ID 的元素。
|
getElementsByTagName()
|
返回包含带有指定标签名称的所有元素的节点列表(集合/节点数组)。
|
getElementsByClassName()
|
返回包含带有指定类名的所有元素的节点列表。
|
appendChild()
|
把新的子节点添加到指定节点。
|
removeChild()
|
删除子节点。
|
replaceChild()
|
替换子节点。
|
insertBefore()
|
在指定的子节点前面插入新的子节点。
|
createAttribute()
|
创建属性节点。
|
createElement()
|
创建元素节点。
|
createTextNode()
|
创建文本节点。
|
getAttribute()
|
返回指定的属性值。
|
setAttribute()
|
把指定属性设置或修改为指定的值。
|