使用Javascript计算类在页面上显示的次数

Question

我正在寻找一种解决方案来计算一个类使用Javascript在页面上出现的次数。

解决方案不应使用库，并且应与旧版浏览器兼容。

我能找到的唯一答案是使用jQuery或仅适用于较新的浏览器。

Answer 1

您可以遍历所有元素并使用特定类计算元素：

var el = document.getElementsByTagName("*");
var cnt = 0;
for (var i = 0; i < el.length; i++) {
    if (el[i].className == 'asdf') cnt++;
}

演示：http://jsfiddle.net/R5XUU/

这适用于IE6及更高版本。

如果页面包含具有多个类名的元素，则需要在类属性中检查类名：

if ((' ' + el[i].className + ' ').indexOf(' asdf ') != -1) cnt++;

Answer 2

我认为你需要这个：

var classCount = document.getElementsByClassName("className").length;
alert(classCount);

Answer 3

如果您需要Netscape支持，则可以在IE4中使用document.layers。

matches = 0;

for(i = 0; i < document.all.length; i++)
{
   if(document.all(i).className.indexOf('votecell') != -1)
   {
       matches++;
   }
}

DEMO