javascript在wordpress頁面編輯器中不起作用

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>