Javascript getElementsByTagName() 和 querySelectorAll()方法

以前對于getElementsByTagName()這個方法的認識是選取指定的元素所組成的數(shù)組,今天在用的時候發(fā)現(xiàn)選出來的并不是一個數(shù)組,而是一個對象。

querySelectorAll()方法選擇出來的是一個NodeList集合

這是它所支持的方法,可以在chrome的console里看到,數(shù)組的操作方法對它并不適用,如果想操作NodeList里面的內(nèi)容,需要遍歷內(nèi)部的元素。

一般用數(shù)組的操作方法無法修改里面的內(nèi)容,所以可以將其轉(zhuǎn)換為數(shù)組,再進行修改。

var imgs = [].slice.apply(document.getElementsByTagName('img'));

imgs.splice(1,1);

console.log(imgs);

這樣就可以修改NodeList的內(nèi)容了。

如果直接修改會改變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]);

}

這樣就會刪除DOM里的內(nèi)容,需謹慎操作。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 一、JS前言 (1)認識JS 也許你已經(jīng)了解HTML標記(也稱為結(jié)構(gòu)),知道了CSS樣式(也稱為表示),會使用HT...
    凜0_0閱讀 2,790評論 0 8
  • 第1章 認識JS JavaScript能做什么?1.增強頁面動態(tài)效果(如:下拉菜單、圖片輪播、信息滾動等)2.實現(xiàn)...
    mo默22閱讀 1,319評論 0 5
  • 原文: https://github.com/ecomfe/spec/blob/master/javascript...
    zock閱讀 3,391評論 2 36
  • 1. Java基礎(chǔ)部分 基礎(chǔ)部分的順序:基本語法,類相關(guān)的語法,內(nèi)部類的語法,繼承相關(guān)的語法,異常的語法,線程的語...
    子非魚_t_閱讀 31,740評論 18 399
  • 什么叫假交情? 借錢時,推三阻四打退堂鼓的; 風(fēng)光時,虛情假意總把你捧的; 困難時,支支吾吾總把你躲的; 喝酒時,...
    54譚小姐閱讀 222評論 0 2