js点击列表文字对应该行显示背景颜色的实现代码

本文实例讲述了js点击列表文字，实现该行文字显示背景颜色的方法。分享给大家供大家参考。具体如下：
JS控制li,鼠标点击时class自动加上，给列表文字产生自己喜欢的背景色的网页特效。

运行效果图如下：

<style type="text/css">li{cursor:pointer;}.cur{background:red;}</style><script type="text/javascript">window.onload = function （）{ var aLi = document.getElementsByTagName（"li"）; var i = 0;for （i = 0; i < aLi.length; i++） {aLi[i].onclick = function （） {for （i = 0; i < aLi.length; i++） aLi[i].className = "";this.className = "cur"; }; }};</script><div class="clMenu"><ul><li>1</li><li>2</li><li>4</li><li>5</li></ul></div>

希望本文所述对大家的javascript程序设计有所帮助。