JavaScript设置元素的样式

　　可以通过JavaScript使用元素的setAttribute方法设置元素的样式,例如: 要把Span元素中的文本修改为采用红色粗体显示,设置如下:

　　var spanElement = document.getElementById("mySpan");

　　spanElement.setAttribute("style","font-weight:bold;color:red;");

　　除了IE,这种方法在当前其他浏览器上都是行得通的. 对于IE,解决方法是使用元素style对象的cssText属性来设置所需的样式, 尽管这个属性不标准,但得到了广泛的支持,如下所示:

　　var spanElement = document.getElementById("mySpan");

　　spanElement.style.cssText = "font-weight:bold;color:red;";

　　这种方法在IE和大多数其他浏览器上都能很好地工作,只有Opera除外, 为了让代码能在所有当前浏览器上都可以移值,可以同时使用这两种方法,如下所示:

　　var spanElement = document.getElementById("mySpan");

　　spanElement.setAttribute("style","font-weight:bold;color:red;");

　　spanElement.style.cssText = "font-weight:bold;color:red;";