第二部:var elem = document.getElementById("setCss")
第三部:设置 elem.style.height = 你要设置的值 这里用height属性
实现思路如下:
在页面初始化一个星星。
js中,根据数值去进行循环,clone()页面中的星星。
然后显示追加到页面中。
这样就完成了。
<style type="text/css"><!--
/*红色*/
.hongs {
color: #FF0000
font-size: 24px
}
/*黄色*/
.huangs {
font-size: 48px
color: #FFCC00
}
-->
</style>
<span class="huangs" id='zs'></span>
<span class="hongs" id='xs'>.</span>
<script language="javascript">
function $id(id)
{
return document.getElementById(id)
}
var ccb='96.78'//这是你调用的数值,具体你自己更改
shuzhi = ccb.split(".")
blah1=shuzhi[0]
blah2=shuzhi[1]
$id("zs").innerHTML = blah1
$id("xs").innerHTML = '.'+blah2
</script>
自己调试,我试了没问题