请教如何用JS修改CSS属性

[hellNo]

 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某个元素的属性呢？

[p2227]

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

[a8509190]

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

[a8509190]

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

[yjxf8285]

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的样式，半段后替换一样式名称也可以。

[ailin84]

建议用jquery进行修改

源生js的话 ,注意CSS的属性名要使用Pascal命名规范,如

document.getElementById("txtTitle").style.FontSize="12px"

和原生的CSS属性有一定的区别,原生CSS是这样的 "font-size:12px;"

[zhengchengbaishi]

[Quote=引用 5 楼 ailin84 的回复:]

建议用jquery进行修改

源生js的话 ,注意CSS的属性名要使用Pascal命名规范,如
JScript code

document.getElementById("txtTitle").style.FontSize="12px"



和原生的CSS属性有一定的区别,原生CSS是这样的 "font-size:12px;"
[/Quote]

楼上正解