获取元素
有3种DOM方法可以获取元素节点，分别是通过元素ID，标签名字和通过类名来获取。
getElementById
该方法返回一个需要的id属性值的对象
getElementsByTagName
1. 该方法返回一个对象数组，每个对象分别对应着文档里有着给定标签的一个元素。
2. 可以利用length属性查询，该数组有多少个元素
3. 可以加入一个通配符作为参数（*），表示获取文档中的所有元素。
比如：获取文档中所有元素的总长度
document.getElementsByTagName(*).length
getElementsByClassName
该方法通过class属性的类名访问元素
1. 只接受一个参数，就是类名
2. 返回的是具有相同类名的元素数组
3. 如果要获取带有多个类名的元素，要指定多个类名，之间要用空格隔开，如下图
获取和设置属性getAttribute和setAttribute
一般都是配合getElementById，getElementsByTagName，getElementsByClassName的
获取到元素后，利用他们设置获取他们的各个属性。
getAttribute
他是一个函数，他只要一个参数（你需要查询的属性的名字）
getAttribute方法不属于document对象，所有不能通过document对象调用，他只能通过元素节点对象调用。
并且，如果调用的属性名不存在，则返回null
setAttribute
他允许我们对属性节点的值做出修改，只能用于元素节点
我们设置的节点属性的时候，如果该节点不存在的，则他会创建这个属性，然后设置这个值，如果存在，则覆盖原来的值
注意：通过setAttribute对文档做出修改后，在浏览的源代码中看到的值仍然是原来的值。这就是DOM的工作模式，先加载文档静态内容，再动态刷新。（动态刷新不影响静态内容）。
引入JS文件
需要插入在</body>标签之前
引入CSS文件
要插入在head标签之中
圈起来的是 css文件名
childNodes
在一棵节点树上，childNodes属性可以用来获取任何一个元素的所有子元素，他是一个包含这个元素全部子元素的数组
如果需要访问childNodes的第一个元素，可以用firstChild
如果需要访问childNodes的最后一个元素，可以用lastChild
nodeType
这个属性告诉我们，我们正在与哪个节点打交道
他总共有12种可取值，只要一下3种有实用价值
nodeValue
它可以得到和设置一个节点的值 P56 概念有点复杂，不好描述。。
