通过js控制ul的样式,如果li下面有下级的ul则该li样式为实心圆,如果没有则li的样式为空心圆


<html>

<head>

<title>JS</title>

<script type='text/javascript' src='档核./jquery-1.2.6.js'></script>

<style type="text/css">

.lidisc{list-style-type:disc}

.licircle{list-style-type:circle}

</style>

</head>

<body>

    <行慎掘div class="menu">

          <ul class="nav">

             <li class="li">AAAA

 <ul class="nav_child">

<li><a href="#">a11111</a></li>

<li><a href="#">a22222</a></li>

<li><a href="#">a33333</a></li>

 </ul>

 </li>

 <li class="li">BBBB

 <ul class="nav_child">

<li><a href="#">b11111</a></li>

<li><a href="#">b22222</a><孝裂/li>

<li><a href="#">b33333</a></li>

 </ul>

 </li>

 <li class="li">BBBB</li>

         </ul>

    </div>

</body>

<script type='text/javascript'>

$(function(){

$("ul.nav>li").each(function(){

var len = $(this).children().length;

if(len==0){

$(this).addClass("licircle").removeClass("lidisc") ;

}

else{

$(this).addClass("lidisc").removeClass("licircle") ;

}

});

});

</script>

</html>


参考下么,我刚写的。
<html>
list-style-type: 空心绝扰圆 circle 实心游颂圆 square 实心方块 decimal
<style>
li{
list-style-type:circle;/*先所有的都设置为空心的*/
}
</style>
<ul>
<li id="并磨旦f_1">1
<ul>
<li id="f_1_1" father="f_1">11
<ul>
<li id="f_1_1_1" father="f_1_1" >111</li>
<li id="f_1_1_2" father="f_1_1">112</li>
<li id="f_1_1_3" father="f_1_1">113</li>
<li id="f_1_1_4" father="f_1_1">114</li>
</ul>
</li>
<li id="f_1_2" father="f_1">12</li>
<li id="f_1_3" father="f_1">12</li>
<li id="f_1_4" father="f_1">14</li>
</ul>
</li>

<li id="f_2">2
<ul>
<li id="f_2_1" father="f_2">21</li>
<li id="f_2_2" father="f_2">22</li>
<li id="f_2_3" father="f_2">23</li>
<li id="f_2_4" father="f_2">24</li>
</ul>
</li>
<li id="f_3">3</li>
<li id="f_4">4</li>
<li id="f_5">5</li>
</ul>

<script>
function setStyle(){
/*获取所有的LI*/
var s=document.getElementsByTagName("li");
for(i=1;i<s.length;i++){
/*判断他的父节点是哪个,就给他设置实心*/

if(s[i].getAttribute("father")!=""&&s[i].getAttribute("father")!=null){
alert(s[i].getAttribute("father"));
document.getElementById(s[i].getAttribute("father")).style.listStyleType="square";
}
}
}
setStyle();/*页面加载就调用*/
</script>
</html>