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>