按类名将元素放入数组中并使用Javascript进行警告

Question

如何在网页上获取具有特定类名的所有元素并将它们放入数组中？那么我希望能够将该数组的内容放在一个警告框中？

如何将这些元素id放入数组？

Answer 1

如果您的浏览器支持getElementsByClassName，请使用其他方式使用网络上提供的众多跨浏览器implementations之一。

在本地，你会得到它们：

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

这将返回一个类似数组的对象，您可以像在数组中一样遍历元素，但不能在其上使用数组方法。

如果你正在使用像jQuery或MooTools这样的库，那么这项任务对你来说就更简单了。在jQuery中获取所有具有类名“myClass”的元素，并将其文本内容转换为单个字符串使用，

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

使用jQuery将每个匹配元素的id添加到数组中：

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

如果使用MooTools，您可以使用以下内容获取具有所需类的每个元素的文本内容数组：

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

将每个匹配元素的id添加到数组中：

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