以前對(duì)于getElementsByTagName()這個(gè)方法的認(rèn)識(shí)是選取指定的元素所組成的數(shù)組撒穷,今天在用的時(shí)候發(fā)現(xiàn)選出來(lái)的并不是一個(gè)數(shù)組匣椰,而是一個(gè)對(duì)象。
querySelectorAll()方法選擇出來(lái)的是一個(gè)NodeList集合
這是它所支持的方法端礼,可以在chrome的console里看到禽笑,數(shù)組的操作方法對(duì)它并不適用,如果想操作NodeList里面的內(nèi)容蛤奥,需要遍歷內(nèi)部的元素佳镜。
一般用數(shù)組的操作方法無(wú)法修改里面的內(nèi)容,所以可以將其轉(zhuǎn)換為數(shù)組凡桥,再進(jìn)行修改蟀伸。
var imgs = [].slice.apply(document.getElementsByTagName('img'));
imgs.splice(1,1);
console.log(imgs);
這樣就可以修改NodeList的內(nèi)容了。
如果直接修改會(huì)改變DOM的內(nèi)容缅刽。
var img =document.getElementsByTagName("img");
var len = img.length;
for(var i =0; i < len; i++) { ? ?
? ? img[i].parentNode.removeChild(img[i]);
}
這樣就會(huì)刪除DOM里的內(nèi)容啊掏,需謹(jǐn)慎操作。