DOM基础回顾

1.节点关系。

父子
父节点 parentElement ；所有子节点 children； 第一个子节点 firstElementChild；
最后个子节点 lastElementChild。

兄弟
上一个兄弟 previousElementSibling；下一个兄弟 nextElementSibling。

小例子：

2.节点操作。

创建节点： document.createElement(tag)；

删除节点：elem.remove()elem.parentElment.removeChild(elem)；

复制节点 ,不带子节点：var elem2 = elem.cloneNode(false)

复制节点，带子节点：var elem3 = elem.cloneNode(true)

插入节点：parent.appendChild(elem) 将elem插入到parent最后面

插入节点：parent.insertBefore(新的节点，相关节点)，把新的节点插入到 相关节点的前面

替换节点：parent.replaceChild(新的节点，被替换的节点)

小例子：

3属性操作。

getAttribute 获取属性；setAttribute 设置属性；removeAttribute 移除属性。

小例子：

 总结

       少壮不努力，老大徒伤悲。珍惜好时光，让学习成为一种信仰！