DOM是操作HTML的一个非常常用的技术； 我们可以把HTML所有的标签看成是一棵树，然后每个标签中包含的标签了就是这个标签的子节点或者子孙节点。这种树的概念很方便我们在JS中去管理HTML页面。
在DOM中，我们和标签元素一般都是通过id选择器或者标签选择器来连接起来的。 DOM有很多强大的功能，比较常见的：
列如对指定的元素内容进行修改
document.getElementById("id").innerHTML = "new"一般获取的方法有三种：
getElementById(id) - 获取带有指定 id 的节点（元素） appendChild(node) - 插入新的子节点（元素） removeChild(node) - 删除子节点（元素）
常用的属性有：
innerHTML - 节点（元素）的文本值 parentNode - 节点（元素）的父节点 childNodes - 节点（元素）的子节点 attributes - 节点（元素）的属性节点
