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

js中可以改变一个已定义好的样式嘛
假如有一个样式:
<style type="text/css">

.dd2{
  margin-top: -762px;
  margin-left: 0px;
}
</style>
并且在js中创建了一个节点,
  Book_Div=document.getElementById("Book");  
  B_LI=document.createElement("img");
  B_LI.className='dd2';
  Book_Div.appendChild(B_LI);
由于需求,需要经常改变margin-top的值( 注:margin-top的值不止一两个,多次定义相似的样式应该不可取的)。除了重新定义样式外,不知js中可以改变已有样式的值吗?
请问大侠们在js中如何改变大的样式dd2中的margin-top的值。感激大家了。

------解决方案--------------------
应该可以
------解决方案--------------------
JScript code
B_LI.style.margin-top = '100px';
//写成这样出现js语法错误了,JS解释器会认为表达式中的连字符是减号运算符
//所以,如果CSS属性中含有连字符的多词属性对应的Style对象的属性名称是不一样的,连字符后的第一个字母变成大写形式

------解决方案--------------------
探讨

参考资料:Style对象