JavaScript跨浏览器设置元素的样式

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;";