jsDOM进阶

1. dom 增删改查。
document.querySelector/querySelectorAll/ …/…/… dom.querySelect/querySelectAll 哪个对象调用，就是在谁的上下文内查找。 指定上下文，不影响选择器，和选择器无关。
2. 增
dom.appendChild(); 表示在dom内添加一个子元素，在最后。 dom.insertBefore( dom1,dom2 ) ； 在dom内添加一个子元素dom1，插入到dom2的前面，要声明dom2才能使用， document.createElement(" div ") 创建一个新的dom元素。
如果待添加的元素是已存在的元素，那么添加的过程相当于转移。
3. 删 dom.remove()
dom元素本身删除。 dom.removeChild(dom1) ; 删除dom元素的子元素dom1
4. 改
dom.id= “”; dom.name = “”; dom.style.fontSize = “30px”;
5. 获取dom元素的属性。
属性操作。 布尔属性，使用js获取之后的类型为boolean值。
dom.attributes 表示一个Dom元素的所有属性，是一个类数组。
dom.getAttribute(“属性名”) 根据属性名，获取元素的属性值。获取一切属性值，包括自定义的。
**6. 四向遍历。**向上（祖先），向下（后代），向前（兄），向后（弟）。
兄：dom.previousElementSibling 紧邻兄元素 弟: dom.nextElementSibling 紧邻弟元素 父：dom.parentElement 父元素 子：dom.children() 返回类数组，包含多个dom子元素。