wordpress页面编辑器中的javascript无法正常工作

Question

我想将以下代码放入Wordpress中单个页面的编辑器框架中。我的目标是将标签集中任何内容的文本变为白色。

<script>
document.getElementsByTagName("strong").style.color = "white";
</script>

我已经确认标签可以采用一种风格。因此，如果我将单个标签编辑为：

，则可行

<strong style="color:white;">Foo</strong>

Answer 1

getElementsByTagName是元素的集合。您需要循环遍历并单独设置其元素的样式：

var strong = document.getElementsByTagName("strong");
for (var i = 0; i < strong.length; i++) {
    strong[i].style.color = "white";
}

或者更好的是，如果您可以添加script代码，那么您还应该只使用style代码而不是javascript：

<style>
strong {
    color: white;
}
</style>