首页 > 网络编程 > JavaScript > javascript技巧 > li样式判断 判断li是否有样式的js代码 2008-09-26 07:51:36 作者： 下面的代码注意实现先判断li是否有样式，如果没有，就添加一个样式，原理呢，就是批量检测li的className属性 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charsetGB2312" /> <title>判断li是否有样式_www.jb51.net </title> <style type="text/css"> .myli{ color:red; } </style> <script language="JavaScript" type="text/javascript"> window.onload = function(){ var ul = document.getElementById("myul"); var lis = ul.getElementsByTagName("li"); for(var i = 0; i < lis.length;i++){ if(lis[i].className == ""){ lis[i].className = "myli"; } } } </script> </head> <body> <ul id="myul"> <li>A</li> <li class="myli">B</li> <li>C</li> </ul> </body> </html> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
