随手笔记

核心操作DOM内容就是利用 增删改查

查询

就是获取元素

1.标准DOM API

 - document.getElementById - document.getElementsByTagName - document.getElementsByName - document.getElementsByClassName        - document.querySelectorAll

2.亲属访问

3.属性获取

 - getAttribute - getAttributeNode

增加

1.创建

 - document.createElement         创建元素节点 - document.createTextNode        创建文本节点 - document.createAttribute       属性节点 - innerHTML - innerText - cloneNode()

2.加入

 - appendChild      追加到结尾处 - innerHTML - insertBefore    将元素插入到某一个元素的前面~~~     - 父元素.insertBefore( 新元素 ,  旧元素 );     - //将新元素插入到旧元素的前面~~~

3.其他

 - style 的操作 - setAttribute( 属性名, 属性值 )

删除

1.删除元素

 - removeChild - removeAttributeNode

修改

1.修改节点

 - 删除节点再加入

2.修改节点

 - style.xxx = vvv; - setAttribute

3.修改属性

 - .xxx = vvv; - setAttribute