利用forEach迴圈Dom元素

2022-05-02 15:00:09 字數 460 閱讀 7133

大家都知道foreach是迴圈陣列用的,而且很方便,可以丟掉for迴圈了,但是它不能迴圈dom元素。

其實我們可以利用call來完成foreach迴圈dom;

假設有這樣的html結構:

點選上面的li來輸出自身的索引值,具體可看下面**:

var arrli = document.queryselector(".box").children;

array.prototype.foreach.call(arrli, function(ele, index)

})

需要注意的是,在ie8及以下是不支援foreach的,所以我們需要做下相容,使用以下方法:

// 相容ie8以下瀏覽器方法:

if (!array.prototype.foreach)

} };

}

增強for迴圈 foreach迴圈

1 作用 簡化迭代器的書寫格式。注意 foreach迴圈的底層還是使用了迭代器遍歷。2 適用範圍 如果是實現了iterable介面的物件或者是陣列物件都可以使用foreach迴圈。3 格式 for 資料型別 變數名 遍歷的目標 示例 1 public static void main string ...

foreach迴圈(增強for迴圈)

1 foreach迴圈本質上是迭代器遍歷,簡化了迭代器遍歷的書寫方式 2 適用於實現了iterable介面的物件或者陣列物件 3 格式為 for 資料型別 變數名 迴圈目標 foreach迴圈 for string it set foreach缺點 1 不能對集合進行增刪操作 foreach迴圈底層...

foreach語句實現迴圈

迴圈語句是程式設計的基本語句,在c 中除了沿用c語言的迴圈語句外,還提供了foreach語句來實現迴圈。那麼我要說的就是,在迴圈操作中盡量使用foreach語句來實現。為了來更好地說明為什麼要提倡使用foreach,用如下三種不同方式來編寫迴圈語句。int narray new int 100 us...