📅 最后修改于: 2023-12-03 14:50:56.975000 🧑 作者: Mango
在 JavaScript 中，我们可以通过改变元素的样式来更改元素的背景颜色。具体地说，我们可以使用 document.getElementById() 方法来选择需要更改背景颜色的元素，然后使用 .style.backgroundColor 属性来设置背景颜色。
以下是示例代码：
// 获取按钮元素
const button = document.getElementById('changeColorBtn');
// 添加单击事件监听器
button.addEventListener('click', function() {
// 获取需要更改背景颜色的元素
const body = document.getElementsByTagName('body')[0];
// 更改背景颜色
body.style.backgroundColor = 'orange';
});
该代码片段中，我们首先获取 ID 为 changeColorBtn 的按钮元素，并使用 .addEventListener() 方法给它添加单击事件监听器。当按钮被单击时，事件监听器内部的函数将被执行。
在函数内部，我们使用 document.getElementsByTagName() 方法来获取 <body> 元素，并使用 .style.backgroundColor 属性将其背景颜色更改为橙色。
请注意，我们还可以使用其他 CSS 颜色值，例如 RGB、十六进制和颜色名称等，以更改元素的背景颜色。
以上就是在 JavaScript 中单击按钮后如何更改背景颜色的介绍。希望对您有所帮助！