要使特定的框在单击时更改颜色,可以通过以下步骤实现:
<div id="myBox"></div>
#myBox {
width: 100px;
height: 100px;
background-color: blue;
}
var myBox = document.getElementById("myBox");
myBox.addEventListener("click", function() {
myBox.style.backgroundColor = "red";
});
在上述代码中,首先通过getElementById方法获取具有id为"myBox"的元素。然后,使用addEventListener方法为该元素添加一个点击事件监听器。当框被点击时,事件处理函数会被触发,将框的背景颜色更改为红色。
这样,当用户单击特定的框时,它的颜色将从初始的蓝色更改为红色。
推荐的腾讯云相关产品:腾讯云云服务器(CVM),产品介绍链接地址:https://cloud.tencent.com/product/cvm
领取专属 10元无门槛券
手把手带您无忧上云