js向id添加css属性值

<script type="text/javascript" >
var x=[cascadelist:score];
var y=10;
var z=x*y;
var s=(z + ".0%");
// alert(s);
document.getElementById("pingfen").style.width=s;
</script>
<divclass="info_star"><span id="pingfen" class="info_star2" style=" "></span></div>

==============================================================================
怎么把s变量值传到style="width: " 中呢?试了好久都不行。是不是哪里写错了?求高手解答哦!
[cascadelist:score] 是一个模板的标签来的,输出的值是浮点型的,比如1.1 ,2.2 ,3.3
最新回答
青青草原杠把子

2024-09-23 09:37:59

个人认证用户

1、jquery:

$("#id").css("background","#000");

$("//*这个是你的id,前面要用#,如果class就是.(点),和写css获取一样的*//").css("//*这个是css属性color,或者background,font-size等*//","//*这个是属性值*//"); 

2、js:

document.getElementById("id").style.color="#000";

document.getElementById("//*这个是你的id,不要#,只能是id不能是class*//").style.//*css属性*//="//*属性值*//";

建议用jquery

村姑范

2024-09-23 10:23:50

jquery:
$("#id").css("background","#000");
$("//*这个是你的id,前面要用#,如果class就是.(点),和写css获取一样的*//").css("//*这个是css属性color,或者background,font-size等*//","//*这个是属性值*//");

js:
document.getElementById("id").style.color="#000";
document.getElementById("//*这个是你的id,不要#,只能是id不能是class*//").style.//*css属性*//="//*属性值*//";

建议用jquery。
$("#pingfen").css("witdh",s);
你的那个问题试试下面的。注意span标签要形成块元素,不然没有宽度的,span不是块元素。
$("#pingfen").css("witdh",s).css("display","block");
但许星辰月

2024-09-23 09:06:38

 <divclass="info_star">
    <span id="pingfen" class="info_star2" style=" "></span>
 </div>
 <script type="text/javascript" >
            var x=[cascadelist:score];
            var y=10;
            var z=x*y;
            var s=(z + ".0%");
            // alert(s);
            document.getElementById("pingfen").style.width=s;
            </script>

这样试试。估计可以成功

追问
这样也不行啊,得出的结果是这样的。
追答
那你看看你的z是不是0
追问
z 变量  alert(z) 弹出的是一个整数, 非空值。这个没问题。就是传递过去的css值就不对了,不知道什么原因!
alert(s) 弹出的值也是正确的,非空值。就是传递过去就不行了

是不是数据类型有什么问题啊 ??如果我把改成 document.getElementById("pingfen").style.width=“90%”;
这个就正常传递过去了,但是那个css属性值不是固定的,
残存的回音

2024-09-23 11:29:51

jquery语法

$("#id").css("width","360px");

原生语法

var id = document.getElementById("id");
id.style.background = red;