请问CSS中怎么使用 JavaScript 变量的值?主要是达到以下的目的

2025-05-16 20:25:44
推荐回答(3个)
回答(1):

CSS 是静态的 不能使用 js 的变量
但是你可以使用js 去修改 css 的值

var you_var_height = 100;
var you_var_width = 100;
//写法1 纯JavaScript
var div1 = document.getElementById('ID00001');
div1.style.height=you_var_height;

div1.style.width=you_var_width;
//写法2 jquery

$(document).ready(){
$('#ID00001').css('height',you_var_height);
$('#ID00001').css('height',you_var_width);
}

回答(2):


    var a=document.getElementById('ID00001');
    a.style.width=200+'px';
    a.style.height=200+'px';

 放在dom元素后面

回答(3):

同学,这个是取不到的。和你解释一下吧,网页加载是由顺序的,css一般放在最上面先加载,后来才加载的html,所以说你的css中想查ID00001时,这个元素还没有生成,所以什么也获取不到。咱们一般也不会这么用,这个需求不合理。