怎么才能在javascript程序中实现css样式的效果

<script language=javascript>
function bordercolor(){
obj.style.cssText="background-color: #C1D2EE;border: 1px solid #3154C5;line-height: 150%;"//1
obj.className="bordercolor";//2
obj.style.backgroundColor='#c1d2ee'
obj.style.border="1px solid #3154c5"
obj.style.lineHeight="150%";//3
}
</script>

解决方案 »

  1.   

    <html>
    <head>
    <style>
    .bdcolor{
    background-color: #C1D2EE;
    }
    .Tdcolor{
    background-color: #ff4e36;
    }
    </style>
    </head>
    <body bgcolor="#FFFFFF" text="#000000" id="bd">
    <table width="100%" height="200" border="1" id="td">
    <td>你好~</td>
    </table>
    <input type="button" name="Submit" value="改变网页背景色" onclick="bd.className='bdcolor'">
    <input type="button" name="Submit" value="改变表格背景色" onclick="td.className='tdcolor'">
    </body>
    </html>
      

  2.   

    http://www.1000script.com/extension/default1.asp?page=3&classid=2下載css2中文手冊裡面詳細介紹了css中屬性對應的腳本屬性
      

  3.   

    :)谢谢各位老大。
    不过还有个问题，因为我把function放在一个单独的js文件中，而且调用这个方法的地方也不在.html或.asp文件里，所以好像修改obj.classname属性没有效果。而使用obj.style.**又报错（style为空或不是对象）。各位有什么建议吗？