请教如何用JS修改CSS属性

Question

 if ((screen.width == 1024) && (screen.height == 768)) {
        //CreatePIC.css里的.body_frame的高和宽默认是360*142
        //如果分辨率是1024*768，设置高和宽的属性为500*200
        //该怎么设置呢？
    } 
.body_frame
{
    width:360px;
    height:142px;
}怎么通过JS修改CSS某个元素的属性呢？

Answer 1

这个我今天不早前才搜索过，貌似对于不同浏览器差别很大的。建议直接对body这个元素进行操作而不是改css

Answer 2

document.getElementById("元素ID").style.width 其他的一样。

Answer 3

没必要去对CSS更改 直接操作元素

Answer 4

js不能修改css代码 只能在html代码里面添加style
或这个替换样式表名字，js是操作html代码的。你要的效果用jquery就很容易了 if ((screen.width == 1024) && (screen.height == 768)) {
        //CreatePIC.css里的.body_frame的高和宽默认是360*142
        //如果分辨率是1024*768，设置高和宽的属性为500*200
      $(".body_frame").css({width:"500px",height:"200"});
        
    } 如果用源生js就用哪个attributes的方法修改style的属性或者你再写一个.body_frame2的样式，半段后替换一样式名称也可以。

Answer 5

建议用jquery进行修改源生js的话 ,注意CSS的属性名要使用Pascal命名规范,如 document.getElementById("txtTitle").style.FontSize="12px"
和原生的CSS属性有一定的区别,原生CSS是这样的 "font-size:12px;"