HTML DOM是关于如何获取、更改、添加或删除HTML元素的标准;而HTML DOM方法是开发者可以在节点(HTML元素)上执行的动作,用于对HTML元素进行获取、更改、添加或删除操作。
本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
什么是 HTML DOM?
HTML DOM 是 HTML 的标准对象模型和编程接口。它定义了:
-
作为对象的 HTML 元素
-
所有 HTML 元素的属性
-
访问所有 HTML 元素的方法
-
所有 HTML 元素的事件
换言之:HTML DOM 是关于如何获取、更改、添加或删除 HTML 元素的标准。
什么是 HTML DOM 方法?
HTML DOM 方法是我们可以在节点(HTML 元素)上执行的动作。
一些 常用DOM 对象方法:
方法 | 描述 |
---|---|
getElementById() | 返回带有指定 ID 的元素。 |
getElementsByTagName() | 返回包含带有指定标签名称的所有元素的节点列表(集合/节点数组)。 |
getElementsByClassName() | 返回包含带有指定类名的所有元素的节点列表。 |
appendChild() | 把新的子节点添加到指定节点。 |
removeChild() | 删除子节点。 |
replaceChild() | 替换子节点。 |
insertBefore() | 在指定的子节点前面插入新的子节点。 |
createAttribute() | 创建属性节点。 |
createElement() | 创建元素节点。 |
createTextNode() | 创建文本节点。 |
getAttribute() | 返回指定的属性值。 |
setAttribute() | 把指定属性设置或修改为指定的值。 |
推荐教程:《html视频教程》