Question

document.getElementById(id).style.width获取元素的CSS的问题。

例如：写了如下一个层<div id="div1"></div>，并定义CSS如：
#div1 {
width:200px;
}
此时alert(document.getElementById("div1").style.width);输出为空。但是如果果把CSS写在层里，例如<div id="div1" style="width:200px"></div>，这样的话，alert(document.getElementById("div1").style.width);会有输出，为什么？依据什么标准？

Answer 1

document.getElementById("id").style只能修改页面上的css属性 不能修改css文件中的属性
js不能直接修改样式表，不过可以通过添加或者删除类达到控制样式的效果

追问

我想读到传来id的宽度和高度。它会定义在样式表中，有其它方法可以实现吗？“添加划者删除类”指的是什么？方便留个QQ与我交流吗？我QQ是1543500355，您加我也可以。

追答

无标题文档

#test { color:red; }
#test.aaa { color:#000; }

123

function $(id){
return document.getElementById(id);
}
$("test").className="aaa";

这样OK不？ 大家交流下 呵呵

Answer 2

LS正解，受教了。

Answer 3

确实是正解！