使用getElement系列方法访问指定节点
在HTML文档中访问节点的标准方法是我们之前学习的getElementById()、getElmentByName()和getElementByTag()，只是它们查找的方法略有不同。
getElementById()：是HTML DOM提供的查找方法，它是按id属性查找的。
getElmentByName()：是HTML DOM提供的查找方法，它是按name属性查找的，由于一个文档中可能会有多个同名节点（如复选框、单选按钮），所以返回的是元素数组。
getElementByTag()：是Core DOM提供的查找方法，它是按标签名TagName查找的，由于一个文档中可能会有多个同类型的标签节点（如图片组、文本输入框），所以返回元素数组。
如果我们想动态改变文档中某些元素的属性，例如，改变一个图片的路径，使之动态地在页面中显示另一个图片，例如图片改变，或者是改变一个节点中的文本、超链接等，该如何实现呢？HTML DOM提供了获取及改变节点属性值得标准方法。
getAttribute(“属性名”)：用来获取属性的值。
setAttribute(“属性名”，”属性值”)：用来设置属性的值。
2 根据层次关系查找节点
通过getElementById()、getElmentByName()和getElementByTag()这三种方法可查看HTML文档中的任何元素，但是这三种方法都会忽略文档的结构，因此在HTML DOM中提供了三个属性parentNode、firstChild和lastChild，这三个属性可遵循文档的结构，在文档的局部进行“短距离的查找元素”
创建和增加节点
删除和替换节点