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

时间:2015-08-17 17:37:51

标签: javascript html dom

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

2 个答案:

答案 0 :(得分:5)

没有任何破碎;您可以使用"示例"选择任何元素。类。 class="other example"表示元素同时具有"示例" "其他"。

如果您想要使用一个类和浏览器supports querySelectorAll *来检索元素,您可以使用它,如下所示:



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

for ( var i = 0; i < exact.length; ++i )
  exact[i].style.fontWeight = 'bold';
&#13;
<p class="example">example only</p>
<p class="other example">... and other</p>
&#13;
&#13;
&#13;

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

答案 1 :(得分:0)

如果您的元素类名称是&#34;其他示例&#34;这意味着你的元素有2个类。尝试使用&#39; - &#39;命名您的课程。或&#34; _&#34;喜欢&#34; other_example&#34;或&#34;其他示例&#34;。