DOM常用的一些操作

① getElementById          documen拥有的方法  返回值是对象

② getElementsByTagName                        返回值为对象的数组

③ getElementsByClassName                      返回值为对象数组

④ getAttribute              元素节点的对象方法 ，获取元素的属性节点值

⑤ setrAttibute                                  设置，创建元素的属性节点值

⑥ childNodes （属性）              在一棵节点书上，获取任何一个元素节点的所有子元素

⑦ nodeType    （属性）                元素节点 nodeType = 1

属性节点 nodeType = 2

文本节点 nodeType = 3

⑧ nodeValue    （属性）              改变文本节点的值 语法： node.firstChild.nodeValue = ""

⑨ firstChild （属性） ==  node.childNodes[0]

⑩ lastChild （属性）  ==  node.childNodes[node.childNodes.length-1]

① innerHTML（属性）  node.innerHTML = ""  改变节点里面的内容

② createElement            document拥有的方法    创建一个元素节点，节点是游离的

③ createTextNode          document拥有的方法    创建一个文本节点，节点是游离的

⑤ appendChild              parentElement.appendChild(newElement); 将已有的节点插入parent 节点中

⑥ insertBefore            parentElement.inserBefore(newElement,targetElement);将新元素插入现有元素的后面

⑦ nextSibling （属性）        兄弟元素

⑧ parentNode (属性)        父元素