JS垫脚石-DOM篇2

属性操作

• 获取属性：getAttribute(‘属性名’)
• 设置属性：setAttribute(‘属性名称’,’属性值’)
• 删除属性：removeAttribute(‘属性名’)

常用方法

1. createElement(‘标签’)：创建一个元素节点
2. appendChild(‘新节点’)：往一个节点里面追加一个新的子节点
3. insertBefore(新节点，指定节点)：往一个指定子节点前面插入一个新的子节点
4. removeChild(‘子节点’)：从父级删除一个指定的子节点
5. replaceChild(新的节点，被替换的节点)：用一个新的节点，替换一个子节点
6. cloneNode(bol)：复制当前节点，参数为布尔值（默认true：只复制节点本身，不复制后代节点）事件不会被复制，只会复制DOM结构
7. querySelector(‘选择器名称’)：返回指定元素节点的子树中匹配选择器的集合中的第一个元素，如果没有匹配返回null
8. querySelectorAll(‘选择器名称’)：按文档顺序返回指定元素节点的子树中匹配选择器的元素集合，如果没有匹配返回空集合
   document.querySelector('div');