通过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>
很感谢你的回答,不过问题我已经得到解决了!
var lis=document.getElementsByTagName('LI');
for(var i=0;i0){
lis[i].type='disc';
}else{
lis[i].type='circle';
}
}
这样的几行代码就搞定了,你这么积极,分给你了
呵呵,我打发下时间的。原理都是一样。