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

 我来答
ai_zxc
2013-03-01
知道答主
回答量:39
采纳率:100%
帮助的人:15.1万
展开全部

<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>

belialxing
2013-03-01 · 超过15用户采纳过TA的回答
知道答主
回答量:45
采纳率:0%
帮助的人:42.2万
展开全部
参考下么,我刚写的。
<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';
}
}
这样的几行代码就搞定了,你这么积极,分给你了
追答
呵呵,我打发下时间的。原理都是一样。
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式