dom 学习笔记

 HTML DOM
1.定义：
  HTML DOM定义了访问和操作html文档对象的标准方法。
  HTML DOM把html文档定义成了带有元素、属性、文本内容的树结构。
2.什么是DOM?
  它可以通过javascript来添加、修改、移动和删除文档上的项目或者说叫元素。
  要改变文档页面上的东西，javascript就要有能够访问文档的入口，这个入口加上修改、删除、移动和添加的属性和方法都需要通过DOM来获得。
3.HTML中的每一个成分都是一个节点。
  节点是有等级之分的。HTML文档的元素、属性、文本内容都是节点。
  HTML文档起始于文档节点，结束与最低节点---文本节点。
4.一棵节点树中的所有节点都是有关系的。
5.通过DOM，可以访问文档中的每一个节点。
  你可以通过getElementByID()和getElementByTagName()获取节点。
  也可以通过ParentNode、FirstChild、LastChild来获取。
  对于getElementID()和getElementByTagName():
  getElementByTagName():可以获得文档中所有 TagName节点，它们两个打破了文档的结构。实质就是遍历。
  实例：
  获取文档中所有<p>节点：  
    document.getElementByTagName('p');  
  获取文档中id='maindiv'父节点中所有<p>节点。
    document.getElementByid('maindiv').getElementByTagName('p');
  两种方法最后的结果就是产生了一个NodeList:
  实例：
    var x=document.getElementByTagName('p');
  通过遍历，做自己想做的事情：
    for(i=0;i<x.length;i++)
    {}
  访问根节点的方法：
  可以访问文档根节点：
    document.documentElement();
  可以访问body节点：
    document.body();