Javascript 使用<；更改标题颜色的问题；选择>-要素

我目前正试图在DOM事件“onchange”的帮助下，使用JavaScript更改-元素的颜色

函数changeColor（）{
var myHeader=document.getElementById（“header”）；
var mySelect=document.getElementById（“选择”）；
header.style.color=mySelect.value；
}

这是我的标题！
黑色
红色
绿色
蓝色
黄色的

尽管您的代码正在运行

函数changeColor（）{
var myHeader=document.getElementById（“header”）；
var mySelect=document.getElementById（“选择”）；
header.style.color=mySelect.value；
}

这是我的标题！
黑色
红色
绿色
蓝色
黄色的

在哪里定义要设置的

标题

变量？复制并粘贴代码到codepen，我看不出有任何问题。标题字段的颜色已更改。请更改为

myHeader.style.color

。投票结束由于打字错误。不应该“header.style.color”是“myHeader.style.color”，所以我刚刚从这个问题中学到了一些新的东西。显然，

id

将作为一个全局变量进行访问。因此，当他执行

header.style.color=mySelect.value时，OP将被删除

实际上以

id=“header”

作为节点的目标。但我觉得这不是最好的做法。在这里，我将删除第一个代码段，只显示正确的代码段。人们可能只是复制他们在答案中看到的第一个示例，而不阅读上下文。好吧，我的代码似乎功能齐全，尽管出于某种原因，它在JSFIDLE中不起作用，这让我感到困惑。它在代码笔和常规文本编辑器中工作。谢谢你的回答。