37,717
社区成员
发帖
与我相关
我的任务
分享javascript 动态绑定div事件
var test=document.getElementsByClassName('test')
for(var a=0;a<test.length;a++){
test[a].onmouseenter=function(){console.log(22);
for(var b =0;b<test.length;b++){
test[b].style.border='1px solid red';
}
}鼠标移入每个小div时，该div边框变色，但是这个方法 鼠标移入后 所有的div颜色都会变
求助 如何实现 鼠标移入某个div，使其颜色改变
...全文
请发表友善的回复…
发表回复
sanGuo_uu 2018-05-24
- 打赏
- 举报
类似这种，用CSS写不就好了吗
<html>
<head>
<style type="text/css">
.change{
color:#333; //颜色为黑色
}
.change:hover{
color:red; //鼠标移入后颜色改变为红色
}
</style>
</head>
<body>
<div class="change">
<p>内容</p>
</div>
<div class="change">
<p>内容2</p>
</div>
</body>
</html>
