DOM小结

1、访问文档中的元素

  document.getElementById('id') : 获取给定id的元素，并将其作为对象。

  document.getElementByTagName('tagname') ：获取所有标签名为tagname的元素，并把它保存在一个类似数组的列表中。

2、读取元素的属性、节点值及其他节点数据

   node.getAttribute('attribute')  :  获取属性名为attribute的值

   node.getAttribute('attribute','value')  : 设置属性名为attribute的值为value

  node.nodeType  :读取节点类型（1=元素，3=文本节点）

  node.nodeName : 读取节点名称（元素名字或#textNode）

  node.nodeValue  : 获取或设置节点的值（文本节点的情况下则为文本内容）

3、节点之间操作

  node.previousSibling   获取上一个兄弟节点，并将它保存为一个对象

   node.nextSibling   获取下一个兄弟节点，并将它保存为一个对象

   node.previousSibling   获取上一个兄弟节点，并将它保存为一个对象

   node.childNodes  获取对象的所有子节点 ，并把他们存储到一个列表中。 对于第一个和最后一个子节点，可以使用node.firstChild 和node.lastChild 进行简写

   node.parentNode  获取包含node的节点

4、创建新节点

    document.createElement(element)   创建一个名字为element的新元素，需要提供一个字符串形式的元素名

    document.createTextNode(string)  创建一个节点值为string的文本节点

    newNode = node.cloneNode(bool)  创建newNode节点作为node的副本，bool为true时，将克隆原节点的所有子节点和属性

    node.insertBefore(newNode,oldNode)  在node节点的子节点oldNode之前插入newNode

    node.removeBefore(oldNode)  移除node节点的子节点oldNode

    node.replaceChild(newNode,oldNode)  使用节点newNode替换node节点的子节点oldNode

    element.innerHTML  读写给定element的HTML内容，他是 一个字符串，包括所有子节点及它们的属性和文本内容。