DOM:文档对象模型（文档树）

文档节点数作用：
1、修改HTML标签的内容
2、修改HTML标签的属性
3、修改页面的CSS下效果
4、给HTML标签元素绑定JS事件

1、通过JS获得HTML元素

所有属性和方法：https://www.w3school.com.cn/jsref/dom_obj_document.asp

2、通过JS操作HTML属性

先获得节点对象，通过对象.属性的方式操作即可
所有的HTML节点上，共有的属性：https://www.w3school.com.cn/jsref/dom_obj_all.asp
当然某些HTML节点上，也可以存在它自己的私有属性：
比如input上 type name 属性
比如img上 src alt title 属性

3、通过JS操作HTML的内容（innerHTML替换innerText新文本覆盖）

innerHTML 使用新的HTML标签覆盖旧标签
innerText 使用新的文本信息覆盖旧文本

2. 蜗牛学苑

3. 地址：深圳

5. ---

6. function changeHtml(){
7. var d1 = document.getElementById(“d1”);
8. / 替换原有的标签 /
9. d1.innerHTML =’

   蜗牛学苑

   ‘;
10. }

    4、通过JS操作HTML标签

    二、事件处理

    事件驱动模型：HTML页面任何的标签，如果需要动起来，都需要开启一个事件
    事件：点击事件，键盘事件……
    （1）、鼠标事件
    （2）、键盘事件

    （3）、表单事件

    2、事件的绑定方式有两种：行内绑定和动态绑定，不推荐行内绑定，动态绑定HTML和JS分离

    （3）、事件监听方式document.addEventListener

    根据浏览器提供的监听器，来完成对事件的监听

    3、事件的传播方式：有冒泡触发/捕获方式

    浏览器针对事件的传播：
    （1）、冒泡触发 由子元素开始依次向外进行触发父元素身上的方法
    （2）、捕获方式 由父元素开始依次向内进行触发子元素身上的方法