JavaScript中“ active”和“ active”有什么区别

Question

接下来的两个代码有什么区别？

dots[slideIndex - 1].className += "active";

和

dots[slideIndex - 1].className += " active";

Answer 1

从这里：className

  

Element接口的className属性获取并设置指定元素的class属性的值。

和

  

className是一个字符串变量，表示当前元素的类或用空格分隔的类。

然后，className属性是一个字符串，元素的类用空格分隔。因此，如果您忘记在代码中包含空格，则将重命名该字符串的最后一个类，而不包括新的类。

例如，假设在执行代码之前元素className的{​​{1}}等于dots[slideIndex - 1]，则第一种方法（"firstClass secondClass"）将产生错误的结果dots[slideIndex - 1].className += "active"中的等于：

className

而第二种方法（"firstClass secondClassactive"）将产生等于以下内容的dots[slideIndex - 1].className += " active"正确结果：

className