Javascript不改变Wordpress中的CSS类

Question

我想在WordPress本身的The Twenty 16主题中实现一个小的javascript代码。

这是我想在页面上更改的HTML代码：

<p class="site-description">Example Text</p>

我想更改一个类名：

document.getElementsByClassName("site-description").className ="Site-example-class";    

但是在页面上使用FireBug后，班级site-description没有改变。

当我想用这个选择标题文本时：

document.getElementsByClassName("site-description").innerHTML ="Hello There";    

它不起作用。

Answer 1

getElementsByClassName（）返回匹配元素的数组。您可以像这样引用第一个结果。 document.getElementsByClassName("site-description")[0]

Answer 2

document.getElementsByClassName("site-description")将返回具有此类名的所有元素的数组。因此，如果要修改那些内部HTML，则需要在数组内部执行此操作。如果您只有一个具有此类名的元素，则可以这样做：

document.getElementsByClassName("site-description")[0].innerHTML = "Your new HTML here"