getElementsByClassName返回包含指定名称的类名

Question

我正在使用document.getElementsByClassName('example'),但它也返回指定参数是子字符串的类.例如,它还将返回一个元素,其中classname是"其他示例".有没有办法来解决这个问题？

Answer 1

什么都没有破坏; 您正在选择具有"示例"类的任何元素.class="other example"表示元素同时具有"example" 和 "other".

如果要检索只有一个类的元素,并且浏览器支持querySelectorAll*,则可以使用它,如下所示:

var exact = document.querySelectorAll('[class="example"]');

for ( var i = 0; i < exact.length; ++i )
  exact[i].style.fontWeight = 'bold';

<p class="example">example only</p>
<p class="other example">... and other</p>

*它的作用,如果它也支持getElementsByClassName