一般不使用這個(gè)屬性，除非用來遍歷元素的特性。
// 繼續(xù)上面的代碼ele.attributes; // NamedNodeMap {0: id, 1: title, 2: data-test, length: 3}ele.attributes[0].nodeName;// "id"ele.attributes[0].nodeValue;// "container"
- document.createElement()： 創(chuàng)建新元素節(jié)點(diǎn)
vardiv =document.createElement("div");console.log(div);// <div></div>console.log(typeofdiv);// objectdiv.id = "container";div.className = "a b c";console.log(div);// <div id="container" class="a b c"></div>- 元素遍歷
我們前面說過，某個(gè)元素節(jié)點(diǎn)的 childNodes 屬性返回的集合可能會(huì)包含注釋節(jié)點(diǎn)、文本節(jié)點(diǎn)等我們一般不會(huì)去操作的節(jié)點(diǎn)，我們想要的只是元素節(jié)點(diǎn)。所以我們可以用下面的方法來達(dá)到我們的目的：
// 原理：通過 if 條件語句過濾掉不是元素節(jié)點(diǎn)的其它節(jié)點(diǎn)varele =document.getElementById("container");varlen = ele.childNodes.length;for(leti =0; i < len; i++){if(ele.childNodes[i].nodeType ===1){// 執(zhí)行一些操作 ele.childNodes[i].style.color