javascript dom 操作

1. 查询

  document.getElementById()

  document.getElementsByTagName()

  //下面的api有兼容性问题

  document.getElementsByName()

  document.getElementsByClassName()

  document.querySelector()

  document.querySelectorAll()

  baseElement..querySelector()

  baseElement.querySelectorAll()

  // 例子

  document.querySelector(“ul\\:test”) => 查找ul:test元素

  //父元素

  parentNode  => 直接父辈

  childNodes  => 所有直接子代

 

2.属性

  nodeName

  nodeType

  nodeValue

  tagName

  className

  getAttribute

  setAttribute

  documentElement

  ownerDocument

3.新建

  createElement

  createTextNode

  createAttribute

4.操作

   appendChild

   insertBefore

   removeChild

   replaceChild

   cloneNode

   normalize  //移除空的文本节点，并连接相邻的文本节点

5.data

        insertData       

        appendChild

        deleteData

        replaceData

        substringData

6. 方法

   hasChildNodes