无法更改选择选项的颜色- javascript
无法更改选择选项的颜色- javascript
提问于 2022-09-18 10:17:36
我试图改变h1的颜色后，按下每种颜色的选项。但是，我的js代码不起作用。有什么建议吗？
HTML:
<html lang="en">
<body>
<h1 id="hello">Hello!</h1>
<select>
<option value="black">Black</option>
<option value="red">Red</option>
<option value="green">Green</option>
<option value="blue">Blue</option>
</select>
</body>
<script src="test.js"></script>
</html>JS:
document.querySelector("select").onchange = () => {
document.querySelector("#hello").style.color = this.value;
};回答 1
Stack Overflow用户
发布于 2022-09-18 10:22:04
在您的代码中，this指的是窗口，而不是select。使用事件对象并从select中获取值
document.querySelector("select").onchange = (e) => {
document.querySelector("#hello").style.color = e.target.value;
};<h1 id="hello">Hello!</h1>
<select>
<option value="black">Black</option>
<option value="red">Red</option>
<option value="green">Green</option>
<option value="blue">Blue</option>
</select>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/73761875
复制相关文章
相似问题
腾讯云开发者
