我是Web开发的新手，正在做一些与HTML、CSS和JavaScript相关的练习。我已经在我的HTML文件中创建了一个按钮，如果点击它，我想改变按钮的颜色。

这是我的HTML代码：

<代码><；按钮ID="；框"；style="；填充：20px；背景色：黑色；"；>；<；/按钮>；

这是我的JavaScript代码：

<button id="box" style="padding: 20px; background-color: black;"></button>

不太清楚为什么它不起作用。

顺晟科技：

document.addEventListener('click', event => { if (event.target.id === 'box') { document.style.backgroundColor="red"; } }) 没有document属性（至少在符合规范的浏览器中默认没有）。您的开发人员控制台应通过类似于以下内容的消息通知您：

document.body

相反，对于您想要更改的元素的背景颜色，要更具体一些。在下面的示例中，我将您的代码修改为目标Uncaught TypeError: Cannot set properties of undefined (setting 'backgroundColor')，它有一个document.body元素：

style

<代码><；按钮ID=“ box ” style=" padding：20px；背景色：黑色；>；<；/按钮>；