日期:2014-05-16  浏览次数:20356 次

javascript 操作table样式
<table   id= "toptablestyle "   width= "100% "   height= "74 ">
            <tr>
                <td>
                </td>
            </tr>
</table>
其中样式定义为
#toptablestyle{
background:url(../Image/topimg.gif)   no-repeat   #E9EF82;
}
如何通过js来控制background样式
我写了以下这个javascript脚本为何不起作用
document.getElementById( 'toptablestyle ').style= 'background:url(../Image/testimg.gif)   no-repeat   #E9EF82 ';

------解决方案--------------------
document.getElementById( 'toptablestyle ').style= 'background:url(../Image/testimg.gif) no-repeat #E9EF82 ';
=====>
document.getElementById( 'toptablestyle ').style.background= 'url(../Image/testimg.gif) no-repeat #E9EF82 ';
------解决方案--------------------
document.getElementById( 'h3id ').style.padding-left= '10px ';
======>
document.getElementById( 'h3id ').style.paddingLeft= '10px ';
在设置style属性时,如style= "padding-left:10px "
在用style.?=?的方式设置时,如果属性里含有 "- ",一般都将 "- "去掉,而将 "- "后面的第一个字母大写,即style.paddingLeft= "10px "
再如:style= "background-color:#cccccc "
style.backgroundColor= "#cccccc "