如何使用 javascript 中的按钮更改文本颜色？
2022-05-27
309
我想在使用JavaScript单击“ btn”的按钮“ btn”时将文本的某个部分更改为其他颜色。
，但我得到了错误“未介绍” typeerror：无法读取未定义的属性（读取“样式”）。 ，此代码似乎有效。谁能告诉我我在哪里出错？谢谢！
3个回答
将代码的第四行更正为
box.style.color = 'black';
hashim
2022-05-27
const btn = document.getElementById('btn');
const box = document.getElementById('box');
btn.addEventListener('click', function onClick(event) {
box.style.color = 'blue';
});
<button id = "btn">Click Me</button>
<p><span id = "box">Some text.</span> Some more text.</p>
您不需要放置
document
。您只需放置
element/variable.style.property = "value"
Document 是文件的一个元素：
<html>
，并且您也只能在样式前放置 1 个元素。
html_coder
2022-05-27
您犯了一个小错误。我已经调整了。
- 您已在变量 (box) 中获取框
- 您可以将匿名函数传递给 eventListener
const btn = document.getElementById('btn');
const box = document.getElementById('box');
btn.addEventListener('click', (event) => {
box.style.color = 'red';
});
<div id="box">123</div>
<button id="btn">Change</button>
Maik Lowrey
2022-05-27