JavaScript 实现点击 div 改变背景颜色
可以使用 JavaScript 来实现点击 div 改变背景颜色。具体步骤如下:
- 给目标 div 添加一个点击事件监听器。
- 在事件处理函数中,使用 DOM 操作获取目标 div 的样式对象,并修改其背景颜色属性值。
示例代码如下:
HTML 代码:
<div id='myDiv'>点击我改变背景颜色</div>
JavaScript 代码:
// 获取目标 div 元素
var myDiv = document.getElementById('myDiv');
// 添加点击事件监听器
myDiv.addEventListener('click', function() {
// 修改背景颜色属性值
this.style.backgroundColor = 'red';
});
在上面的代码中,我们使用了事件委托的方式来监听目标 div 的点击事件。在事件处理函数中,使用了 `this` 关键字来获取当前被点击的 div 元素,然后修改其背景颜色属性值为红色。
原文地址: https://www.cveoy.top/t/topic/jHqx 著作权归作者所有。请勿转载和采集!