js中的DOM

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

事件的三大要素：

1.获取事件源

2.绑定事件

3.书写事件驱动

DOM解析过程：

HTML加载完毕，渲染引擎会在内存中把HTML文档，生成一个DOM树，getElementById是获取内中DOM上的元素节点。然后操作的时候修改的是该元素的属性。

获取事件源一般分为三种：

1.通过id找到 HTML 元素

document.getElementById("demo");

2.通过标签名找到HTML元素

document.getElementsByTagName("div");

3.通过类名找到HTML元素

document.getElementsByClassName("a");

通过类名查找HTML元素在 IE 5,6,7,8 中无效

DOM访问节点：

父节点：

parentNode

所有子节点：

childNodes

DOM节点操作：

1.创建节点：

新的标签（节点）= document.createElement(“标签名”);

---

2.插入节点：

父节点.appendChild(新节点); 父节点的最后插入一个新节点

---

3.删除节点

父节点.removeChild（子节点）；必须制定要删除的子节点

---

不知道父级的情况下，可以这么写：node.parentNode.removeChild(node)

4.节点属性操作：

获取：getAttribute(名称)

设置：setAttribute(名称, 值)

删除：removeAttribute(名称)