“内联JavaScript抛出”；“未定义”；（这是！）-可能与WordPress有关？ #火烈鸟图片2{ 边框宽度：15px； 边框样式：实心； 边框颜色：红色； } 函数changeBorderColor（）{ var img=document.getElementById（'flamingo-picture-2'）； 如果（img.style.border-color=='red'）{ img.style.border-color='蓝色'； }否则{ img.style.border-color='红色'； } }

这是WordPress帖子内容中的内容。（我知道——这是一个糟糕的做法。但这只是一个小演示/示例。）

---

控制台显示未定义

changeBorderColor

的错误。我一直盯着它看。我觉得我定义了它。我是不是漏掉了一个括号或分号什么的？有没有可能WordPress正在做什么？（我不认为是这样，因为我已经查看了输出页面的源代码，但您永远不知道…

而不是

img.style.border color

您需要

img.style.borderColor

它在这里工作：

函数changeBorderColor（）{
var img=document.getElementById（'flamingo-picture-2'）；
如果（img.style.borderColor=='red'）{
img.style.borderColor='蓝色'；
}否则{
img.style.borderColor='红色'；
}
}

#flamingo-picture-2{
边框宽度：15px；
边框样式：实心；
边框颜色：红色；
}

---

您可以截图显示

和

的开发人员工具吗？我假设脚本是从帖子正文中剥离出来的，或者（如果不是完全剥离的话）转换成text/html-special-chars。第一个错误是

未捕获引用错误：赋值中的左侧无效

。换句话说，

img.style.borderColor

应该是

img.style.borderColor

。工作示例->@JoshCrozier——这很有效！如果你回答我，我就接受，你就赢了。谢谢你。@AdamWood谢谢，但有人刚刚把它贴了出来。作为旁注，值得一提的是，您也可以使用括号表示法：

img.style['border-color']

。。。

<style>
#flamingo-picture-2 {
 border-width: 15px;
 border-style: solid;
 border-color: red;
}
</style>
<script>
function changeBorderColor(){
 var img = document.getElementById('flamingo-picture-2');
 if ( img.style.border-color == 'red' ) {
  img.style.border-color = 'blue';
 } else {
  img.style.border-color = 'red';
 }
}
</script>

<img id="flamingo-picture-2" src="/wp-content/uploads/flamingo.jpg" onclick="changeBorderColor()">