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>