javaScript DOM的方法、属性、对象方法的介绍

获取标签

1. getElementById(“id名”)：通过id获取标签
2. getElementsByTagName(“标签名”)：通过标签名获取标签
   • 调用者有两个：
   • ducument：在整个内面内查找该类标签
   • 某个标签（这个标签一般有id获得):在这个标签内查找该类标签
3. 昂定

一些常用的 HTML DOM 方法：

1. appendChild(node) - 插入新的子节点（元素）
2. emoveChild(node) - 删除子节点（元素）

一些常用的 HTML DOM 属性：

1. innerHTML - 节点（元素）的文本值
2. parentNode - 节点（元素）的父节点
3. childNodes - 节点（元素）的子节点
4. attributes - 节点（元素）的属性节点

一些 DOM 对象方法

1. getElementById() 返回带有指定 ID 的元素。
2. getElementsByTagName() 返回包含带有指定标签名称的所有元素的节点列表（集合/节点数组）。
3. getElementsByClassName() 返回包含带有指定类名的所有元素的节点列表。
4. appendChild() 把新的子节点添加到指定节点。
5. removeChild() 删除子节点。
6. replaceChild() 替换子节点。
7. insertBefore() 在指定的子节点前面插入新的子节点。
8. createAttribute() 创建属性节点。
9. createElement() 创建元素节点。
10. createTextNode() 创建文本节点。
11. getAttribute() 返回指定的属性值。
12. setAttribute() 把指定属性设置或修改为指定的值。

三大节点：元素、属性、文本

1. 元素节点：就是标签 nodeType=1 nodeName=标签名
2. 属性节点：就是标签（元素）的属性 nodeType=2 nodeValue=属性值 nodeName=属性名
3. 文本节点：就是标签内的文本 nodeType=3 nodeValue=文本值 nodeName=#text