DOM学习总结

DOM是操作HTML的一个非常常用的技术；
我们可以把HTML所有的标签看成是一棵树，然后每个标签中包含的标签了就是这个标签的子节点或者子孙节点。这种树的概念很方便我们在JS中去管理HTML页面。

在DOM中，我们和标签元素一般都是通过id选择器或者标签选择器来连接起来的。
DOM有很多强大的功能，比较常见的：

列如对指定的元素内容进行修改

document.getElementById("id").innerHTML = "new"

一般获取的方法有三种：

getElementById(id) - 获取带有指定 id 的节点（元素）
appendChild(node) - 插入新的子节点（元素）
removeChild(node) - 删除子节点（元素）

常用的属性有：

innerHTML - 节点（元素）的文本值
parentNode - 节点（元素）的父节点
childNodes - 节点（元素）的子节点
attributes - 节点（元素）的属性节点