一、添加或删除事件的另一种方法

1.添加事件的方法：

html对象.addEventListener(“事件名”,函数名);
function 函数名(){
代码;
}

2.删除事件的方法：

html对象.removeEventListener(“事件名”,函数名);
删除不了匿名函数

二、document对象模型（DOM树模型）

1.查找所有的子节点：节点就是HTML对象，只是叫法不一样而已

2.所有的子节点都有名称

html对象.nodeName
注意：1）换行（回车换行），空格等都是文本节点用#text表示
2）HTML标签对象是大写的标签名

3.所有的节点都有类型

html对象.nodeType
注意：1）文本类型 值为3 #text
2）标签类型 值为1 大写标签名
3）注释类型 值为8 #comment

4.查找第一个子节点

html对象.firstChlid

5.查找最后第一个子节点

html对象.lastChild

6.查找父节点

html对象.parentNode

7.查找下一个相邻的兄弟节点

html对象.nextSibling

8.查找上一个相邻的兄弟节点

html对象.previousSibling

三、处理文档

1.生成html标签

var 变量 = document.createElement(“标签名”);

2.将生成的标签追加

html对象.appendChild(新标签变量);

3.在某个标签之前，插入新的html对象

追加到的标签对象.parentNode.insertBefore(被追加的新的html变量,追加到的标签对象);

4.删除页面里的某个标签

被删除的标签对象.parentNode.removeChild(被删除的标签对象);