首页 > 代码库 > 使用DOM操作(不使用css的:hover的方法)实现鼠标移入表格 当前行的背景颜色改变
使用DOM操作(不使用css的:hover的方法)实现鼠标移入表格 当前行的背景颜色改变
1 <body> 2 <ul id="list"> 3 <li>11</li> 4 <li></li> 5 <li></li> 6 <li></li> 7 <li></li> 8 <li></li> 9 <li></li> 10 <li></li> 11 <li id="last" class="last"></li> 12 </ul> 13 <script> 14 var li=document.getElementsByTagName(‘li‘); 15 for(var i=0;i<li.length;i++){ 16 li[i].addEventListener(‘mouseover‘,function () { 17 this.style.background=‘red‘; 18 }); 19 li[i].addEventListener(‘mouseout‘,function () { 20 this.style.background=‘none‘; 21 }); 22 }; 23 var last=document.getElementById(‘last‘); 24 last.style.height=90+‘px‘; 25 last.style.background=‘green‘; 26 </script> 27 </body>
使用DOM操作(不使用css的:hover的方法)实现鼠标移入表格 当前行的背景颜色改变
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。