wordpress页面编辑器中的javascript不起作用

javascript in wordpress page editor not working

本文关键字：javascript 不起作用 编辑器 wordpress      更新时间：2023-09-26

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

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

我已经确认了标签可以采用某种风格。因此，如果我将单个标签编辑为：，它就会起作用

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

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>
相关文章：