JavaScript：DOM

将HTML文档的内容当成一棵节点树

节点（node）

元素节点（element node）
文本节点（text node）：文本节点大多包含在元素节点里面
属性节点（attribute node）：所有的属性节点都包含在元素节点内

getElementById()方法
getElementById()方法返回一个对象，使用时通过document对象调用：“document.getElementById( id )”

getElementsByTagName()方法
getElementsByTagName()方法返回一个对象数组，使用时通过document对象调用：“document.getElementsByTagName( tag name )”

getAttribute()方法
通过元素节点对象调用，不能通过document对象调用，返回我们需要的属性值

setAttribute()方法
通过元素节点对象调用，改变一个元素的属性值（先创建属性，再赋值）；
当我们通过此方法来改变一个元素的属性值时，在原文档HTML文件中，对应的属性值不变，这源于DOM的工作模式：先加载静态内容、再以动态方式对它们进行刷新。