jsp

7.4 捕获与冒泡

在这个案例中，如果单击文字，先提示“段落被单击”，然后再提示“div被单击了”，因为div是p的父容器，所有单击段落也就相当于单击了div，所有两者都会触发这个事件

但是如何去规定两个事件的处理顺序？这就是事件的冒泡与捕获。

冒泡：按照从内到外的顺序依次触发，是默认方式

捕获：与上相反

当使用mouseenter事件时，当里层的div触发进入事件时，处理完了就没了（阻断冒泡）

而使用mouseover事件时，当里层的div触发进入事件时，处理完后还会冒泡给父容器处理再次进入事件

程序员也可以根据需要自己去阻断冒泡，用stopProagation。

8 DOM
8.1 DOM概念
DOM（Document Object Model）:文档对象模型

通过开发者工具可以看到

整个文档是由一系列的节点对象组成的一棵树

节点（Node）包括元素节点（1）、属性节点（2）、和文本节点（3）

Th1代表一个元素节点（nodeType=1），nodeName是标签名（th）元素节点的

nodeValue=null

getAttributeNode方法是获取元素的属性节点，此时输出的节点类型是属性节点（2）

节点名称就是属性名，节点值就是属性值

Txt1是一个文本节点（3），节点名称固定是#text，节点值文本内容</