Question

我试图获取一个元素，但类名是_2nlw _2nlv，其中有一个空格。

这是一张图片，告诉您类名是什么：https://i.imgur.com/ddeh1Ui.png

使用的代码是。 var example = document.getElementsByClassName('_2nlw _2nlv').innerHTML;

它不起作用，我想知道它是否与类名中的空格有关？如果是这样的解决方案呢？

Answer 1

没有空间的类。该元素有2个类，getElementsByClassName只搜索1个。您可以使用document.querySelector('._2nlw._2nlv')来匹配这两个类。

Answer 2

您可以获取元素 s having multiple classes，在类之间留一个空格。为此，您只需使用getElementsByClassName：

var example = document.getElementsByClassName('class1 class2')[0].innerHTML;

当然，班级名称不能有任何空格。

Answer 3

你可以使用jquery和selector：

<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<div class="_2nlw _2nlv">
text
</div>
<script>
$( "div._2nlw._2nlv" ).css( "border", "3px solid red" );
</script>

此处：Link

首先使用元素，然后使用类css

Documentation Selector Jquery

getElementsByClassName是否允许空格？

3 个答案: