css中如何插入js获取的数值?

html-css020

css中如何插入js获取的数值?,第1张

第一部:建议给你自己需要设置js样式的元素加上一个id 例如setCss

第二部: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>

自己调试,我试了没问题