js節點操作和節點屬性操作

節點操作

1.節點查找

• document.getElementById，document.getElementByTagName，document.getElementByName ，document.getElementByClassName
• document.querySelector() 參數為選擇器
• document.forms 選取頁面中的所有表單元素

2.增加節點

• 增加節點前必須先使用document.createElement()創建元素節點，參數為標簽名
• m.appendChild(n) 為m元素在末尾添加n節點
• m.insertBefore(k,n) 在m元素的k節點前添加n節點

3.刪除節點

• m.removeChild(n)刪除m元素中的n節點
• m.replaceChild(k,n)用n節點取代m元素中的k節點

4.復制節點

• m.cloneChild() 復制m節點，並將復制出來的節點作為返回值
• 參數為true時，則將m元素的后代元素也一並復制。否則，僅復制m元素本身

節點屬性操作

1.節點屬性選取

• m.屬性名  ：駝峰形式         m.className
• m[“屬性名”] ：加引號，駝峰形式       m.['className']
• m.getAttribute(“屬性名”)  ：加引號，html的形式       m.getAttribute("class")

2.節點屬性修改

• 前兩種選取方法時，直接賦值即可
• m.setAttribute("屬性名"，“值”)