div.html 变更效果,CSS效果--动态更改list-style-type属性

本例子在FireFox和IE6.0上通过测试，效果一样

#idDIV{

font-family:verdana,tahoma;

font-size:12px ;

list-style: disc inside;

line-height:18px;

margin-left:10px;

}

#idCodeDiv{

width:100%;

padding:4px;

font-family:verdana,tahoma;

margin:12px 0px 0px 0px;

background-color:#EEEEEE;

font-weight:bold;

}

function rdl_change(e){

var oCodeDiv;

oCodeDiv=document.getElementById("idCodeDiv").innerHTML;

var oDiv=document.getElementById("idDIV").innerHTML;

var s=document.getElementById("idSel");

var sValue="";

for (i=0;i

{

if(document.getElementById("idSel")[i].selected==true)

{

sValue=document.getElementById("idSel")[i].value;

}

}

document.getElementById("idDIV").style.listStyleType=sValue;

document.getElementById("idCodeDiv").innerHTML="list-style :

disc inside ;

list-style-type : " sValue ";";

}

www.111cn.net

asp编程网

---list-style-type---

circle

square

decimal

lower-roman

upper-roman

lower-alpha

upper-alpha

none

disc

list-style : disc inside ;

list-style-type : disc ;