今天碰到要用JS改变CSS样式的问题,试了一下几种方法,也得出一些小小的结论;
最普遍的情况下我们会选择以下方法(ps:divs为示例ID,对应一个DIV)
var divs=document.getElementById("divs");
divs.style.border="1px solid #000000";
divs.style.color="#FF0000";
这种方法有点感觉复杂了一些,对于设置单个样式来说倒也是不错,如果样式一多就应该用下面的方式
var divs=document.getElementById("divs");
divs.style.cssText="border:1px solid #000000;color:#FF0000";
还有一个添加的方法是用attribute添加元素的方式
var divs=document.getElementById("divs");
divs.setAttribute("style","border:1px solid #000000;color:#FF0000");
不过这种方式在运行时在IE下是无效的,在FF下能有效的执行.
http://www.nestwo.cn/hui/article.asp?id=62