javascript - document.getElementsByClassName 与类完全匹配

Question

有两个相似的类 - 'item' 和 'item one'

当我使用 document.getElementsByClassName('item') 时，它会返回与上述两个类匹配的所有元素。

如何获取仅具有“item”类的元素？

Answer 1

类名 item one 表示该元素具有类 item 和类 one。

因此，当您执行 document.getElementsByClassName('item') 时，它也会返回该元素。

你应该做这样的事情来选择只有 item 类的元素:

e = document.getElementsByClassName('item');
for(var i = 0; i < e.length; i++) {
    // Only if there is only single class
    if(e[i].className == 'item') {
        // Do something with the element e[i]
        alert(e[i].className);
    }
}

这将检查元素是否只有 item 类。

Live Demo