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>