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

参考下么，我刚写的。

html

list-style-type: 空心圆 circle 实心圆 square 实心方块 decimal

style

li{

list-style-type:circle;/*先所有的都设置为空心的*/

}

/style

ul

li id=f_11

ul

li id=f_1_1 father=f_111

ul

li id=f_1_1_1 father=f_1_1 111/li

li id=f_1_1_2 father=f_1_1112/li

li id=f_1_1_3 father=f_1_1113/li

li id=f_1_1_4 father=f_1_1114/li

/ul

/li

li id=f_1_2 father=f_112/li

li id=f_1_3 father=f_112/li

li id=f_1_4 father=f_114/li

/ul

/li

li id=f_22

ul

li id=f_2_1 father=f_221/li

li id=f_2_2 father=f_222/li

li id=f_2_3 father=f_223/li

li id=f_2_4 father=f_224/li

/ul

/li

li id=f_33/li

li id=f_44/li

li id=f_55/li

/ul

script

function setStyle(){

/*获取所有的LI*/

var s=document.getElementsByTagName(li);

for(i=1;is.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

取消

评论