本文实例讲述了js点击列表文字,实现该行文字显示背景颜色的方法。分享给大家供大家参考。具体如下:
JS控制li,鼠标点击时class自动加上,给列表文字产生自己喜欢的背景色的网页特效。
运行效果图如下:
li{cursor:pointer;}
.cur{background:red;}
[removed]
[removed] = function ()
{
var aLi = document.getElementsByTagName("li");
var i =
方式一,使用利用事件冒泡委托给列表的父节点去处理的方式: 代码如下: var ulObj = document.getElementById(“myUl”); ulObj.onclick = function (event) { var tg = event.target; var liArray = ulObj.getElementsByTagName(“li”); for (var i = 0; i < liArray.length; i++) { if (liArray[i] ==