用JavaScript改变字体CSS样式

< html >
< head >
< meta  http-equiv ="Content-Type"  content ="text/html; charset=UTF-8" >
< title > CSS font title >
< style  type ="text/css" > ...

style >
head >
< body >
< div  id ="Sample" >
this is a text for test.文字字体 < br >
div >
< script  language ="javascript" > ...

script >
CSS: < select  id ="Stylelist" >
< option  value ="s1" > s1 option >
< option  value ="s2" > s2 option >
< option  value ="s3" > s3 option >
< option  value ="s4" > s4 option >
< option  value ="s5" > s5 option >
< option  value ="s6" > s6 option >
< option  value ="s7" > s7 option >
< option  value ="s8" > s8 option >
< option  value ="s9" > s9 option >
< option  value ="s10" > s10 option >
< option  value ="s11" > s11 option >
< option  value ="s12" > s12 option >
< option  value ="s13" > s13 option >
< option  value ="s14" > s14 option >
select >
< input  type ="button"  value ="change Css"  onClick ="changeClass();" >
body >
html >