查找并访问节点
- 通过使用 getElementById() 和 getElementsByTagName() 方法
- 通过使用一个元素节点的 parentNode、firstChild 以及 lastChild 属性
1.使用getElementById()访问节点：
可通过指定的 ID 来返回元素，document.getElementById("ID");
2.使用个头ElementalById()访问节点：
getElementsByTagName() 用于返回任何的 HTML 元素，document.getElementsByTagName("标签名称");
eg1:document.getElementsByTagName("p"); //返回文档中所有
//<p> 元素的一个节点列表
eg2:document.getElementById('maindiv').getElementsByTagName("p");
//返回所有 <p> 元素的一个节点列表，且这些 <p>
// 元素必须是 id 为 "maindiv" 的元素的后代
eg3:通过使用 length 属性来循环遍历节点列表
var x=document.getElementsByTagName("p");
for (var i=0;i<x.length;i++)
{
// do something with each paragraph
}
3.使用 parentNode、firstChild、lastChild属性
这三个属性 parentNode、firstChild 以及 lastChild 可遵循文档的结构，在文档中进行“短距离的旅行”。
4.访问根节
第一个属性可返回存在于 XML 以及 HTML 文档中的文档根节点。
第二个属性是对 HTML 页面的特殊扩展，提供了对 <body> 标签的直接访问。
