如何使用 JavaScript 点击改变 Div 背景颜色
您可以使用 JavaScript 来实现这个功能。具体步骤如下:
- 给要点击的 div 添加一个 id 或 class,方便在 JavaScript 中获取该元素。
- 在 JavaScript 中获取该 div 元素,并为它添加一个点击事件监听器。
- 在点击事件监听器中,使用 style.backgroundColor 属性来改变该 div 的背景颜色。
以下是示例代码:
HTML 代码:
<div id='myDiv'>点击我改变背景颜色</div>
JavaScript 代码:
var myDiv = document.getElementById('myDiv');
myDiv.addEventListener('click', function() {
myDiv.style.backgroundColor = 'red';
});
当点击该 div 时,它的背景颜色将变为红色。您可以将 'red' 替换为您想要的颜色。
原文地址: https://www.cveoy.top/t/topic/jHqy 著作权归作者所有。请勿转载和采集!