1.什么是 dom？2.通用事件绑定/ 编写一个通用的事件监听函数？3.dom 结构操作怎样添加、移除、移动、复制、创建和查找节点？4.dom 事件模型？5.什么是事件冒泡，它是如何工作的？

麻烦亲人们关注一下❤️❤️ ❤️

 一、**什么是 dom？**

1、DOM 文档对象模型，应用程序接口是 W3C（万维网联盟）的标准
2、DOM 定义了访问 HTML 和 XML 文档的标准

 

二、*通用事件绑定/ 编写一个通用的事件监听函数？*

1，function bindEvent(elem, type, selector, fn) {

if (fn == null) {
fn = selector;
selector = null;
}
2、elem.addEventListner(type, function(e) {
var target;
if (selector) {
target = e.target;
if (target.matches(selector)) {
fn.call(target, e);
}
} else {
fn(e);
}
})
}
// 使用代理
var div1 = document.getElementById('div1');
bindEvent(div1, 'click', 'a', function(e) {
console.log(this.innerHTML);
});
// 不使用代理
var a = document.getElementById('a1');
bindEvent(div1, 'click', function(e) {
console.log(a.innerHTML);
})

 

三、dom 结构操作怎样添加、移除、移动、复制、创建和查找节点？**

1、创建新节点 
createDocumentFragment() //创建一个 DOM 片段
createElement() //创建一个具体的元素
createTextnode() //创建一个文本节点
2、添加、移除、替换、插入 
appendChild()
removeChild()
replaceChild()
insertBefore() 也是添加，还是移动
3、查找 
getElementsByTagName() //通过标签名称
getElementsByName() //通过元素的 Name 属性的值(IE 容错能力较强，
会得到一个数组，其中包括 id 等于 name 值的)
getElementById() //通过元素 Id，唯一性

 

 

四、*dom 事件模型？*

DOM 事件模型。

DOM 事件模型分为两种：事件捕获和事件冒泡。
事件捕获以点击事件为例，同类型事件会由 根—>目标的祖先素—>目标的父元素—>目标
元素
事件冒泡和事件捕获截然相反。从内到外依次触发：目标元素—>目标元素的父元素—>父元
素的父元素—>根
事件传播
事件捕获和事件冒泡都有事件传播阶段，传播阶段就是事件从触发开始到结束的过程。
优先级：先捕获，再冒泡。
两种传播方式的来源：W3C 推行 DOM2 级事件之前网景和 IE 在打架，网景用的事件传播方式
是捕获，IE 用的事件传播方式是冒泡

 

五、什么是事件冒泡，它是如何工作的？如何阻止事件冒泡、默认行** 为?

1、什么是事件冒泡，他是如何工作的
在一个对象上触发某类事件（比如单击 onclick 事件），这个事件会向这个对象的父级对象
传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它到达了对象层次
的最顶层，即 document 对象（有些浏览器是 window）

2、阻止事件冒泡的方法
2.1）w3c 方法是：event.stopPropagation(); 事件处理过程中，阻止冒泡事件，但不会阻止默
认行为（跳转至超链接）
2.2）IE 则是使用 event.cancelBubble = true 阻止事件冒泡
2.3）return false; jq 里面事件处理过程中，阻止冒泡事件，也阻止默认行为（不跳转超
链接）