按類名將元素放在數組中，並用Javascript警告它

Question

如何獲取具有特定類名的網頁上的所有元素並將它們放入數組中？那麼我希望能夠將該數組的內容置於警告框中？

如何將這些元素的ID放入數組中？

Answer 1

如果您的瀏覽器支持getElementsByClassName，請使用其他網站上提供的衆多跨瀏覽器implementations中的一種。

本身，你會得到他們爲：

var elements = document.getElementsByClassName('nameOfClassHere'); 

這將返回陣列狀對象，你可以遍歷元素，比如你在一個數組做，但不能使用數組的方法在上面。

如果您使用的是像jQuery或MooTools這樣的庫，這個任務對您來說會變得更簡單。在jQuery來獲得具有類名是「MyClass的」所有元素，並得到了他們的文本內容轉換爲一個字符串使用，

var combinedText = $('.myClass').text(); 

獲取ID每個匹配元素的到一個數組使用jQuery：

var arrayOfIDs = $('.myClass').map(function() { return this.id; }).get(); 

如果使用MooTools的，你可以得到有使用所需類的每個元素的文本內容的數組：

var texts = $$('.myClass').get('text'); 

獲取ID每個匹配元素的到一個數組爲：

var arrayOfIDs = $$('.myClass').get('id');