DOM文档对象模型

前言

当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。

节点

• 节点即对象
• 类型
  • 文本节点 [ 3 ]
  • 元素节点 [ 1 ]
  • 属性节点 [ 2 ]

获取节点【查】

• 节点对象
  获取页面中指定id的节点对象

document.getElementById("id的字符串");

• 节点集合
  获取页面中所有标签名符合要求的标签

document.getElementsByTagName("标签名");

• 节点集合
  获取指定父节点下的所有名字符合要求的节点

父节点.getElementsByTagName("标签名");

修改节点【改】

修改节点就是修改节点的属性和包含的文本

• 方法

<node>.setAttribute("属性名","值");
文本<node>.getAttribute("属性名");

添加节点【增】

• 创建节点

元素节点：var node = document.createElement("标签名")；

文本节点：

属性节点：

• 追加节点

父节点.appendChild(子节点)；

未完待续。。。