DOM節(jié)點(diǎn)
js獲取元素及其屬性
1.訪問或獲取節(jié)點(diǎn)
getElementById();
getElementsByClassName();
querySeletor('選擇器全名') 如果為class要加 . ;如果為id要加#,其余選擇器也要寫全名
getElementsByName() 數(shù)組 ; 如果不含有這個(gè)屬性可以自定義添加 ; input中含有這個(gè)屬性
2.創(chuàng)建節(jié)點(diǎn)
document.createElement(eName); //創(chuàng)建一個(gè)節(jié)點(diǎn)
document.createAttribute(attrName); //對(duì)某個(gè)節(jié)點(diǎn)創(chuàng)建屬性
document.createTextNode(text); //創(chuàng)建文本節(jié)點(diǎn)
3.添加節(jié)點(diǎn)
document.insertBefore(newNode,referenceNode); //在某個(gè)節(jié)點(diǎn)前插入節(jié)點(diǎn)
parentNode.appendChild(newNode); //給某個(gè)節(jié)點(diǎn)添加子節(jié)點(diǎn)
4.復(fù)制節(jié)點(diǎn)
cloneNode(true | false); //復(fù)制某個(gè)節(jié)點(diǎn) 參數(shù)：是否復(fù)制原節(jié)點(diǎn)的所有屬性
5.刪除節(jié)點(diǎn)
parentNode.removeChild(node); //刪除某個(gè)節(jié)點(diǎn)的子節(jié)點(diǎn) node是要?jiǎng)h除的節(jié)點(diǎn)
注意：為了保證兼容性，要判斷元素節(jié)點(diǎn)的節(jié)點(diǎn)類型(nodeType)，若nodeType==1宅广，再執(zhí)行刪除操作笨腥。通過這個(gè)方法，就可以在 IE和 Mozilla 完成正確的操作馒吴。
