JavaScript DOM操作案例列表的高亮显示
Posted 吃蛋糕的猫
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript DOM操作案例列表的高亮显示相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> ul { list-style: none; cursor: pointer; } </style> </head> <body> <ul id="uu"> <li>库你急哇</li> <li>擦浪黑油</li> <li>搜得死内</li> <li>搜嘎</li> <li>他大姨妈</li> </ul> <script src="common.js"></script> <script> //鼠标进入和鼠标离开两个事件 //获取进入的li标签 var list = my$("uu").getElementsByTagName("li"); for (var i = 0; i < list.length; i++) { //为li注册鼠标进入事件 list[i].onmouseover = function () { this.style.backgroundColor = "pink"; }; //为li注册鼠标离开事件 list[i].onmouseout = function () { //恢复到这个标签默认颜色 this.style.backgroundColor = ""; }; } </script> </body> </html>
以上是关于JavaScript DOM操作案例列表的高亮显示的主要内容，如果未能解决你的问题，请参考以下文章
JavaScript DOM操作案例点击按钮显示隐藏div优化后
JavaScript DOM操作案例点击按钮通过类样式的方式显示跟隐藏div