Javascript 样式分配仅适用于 Opera(但不适用于 Firefox 或 IE8)

Question

以下 javascript 代码在 Opera(v10.5x) 中完美运行，但在 Firefox(v3.6) 和 IE8 中失败得很惨。

function HighlightBox(elementid,highlight)
{
      var hstyle="none";

      if (highlight)
        {        
        switch (elementid) 
        {
              case 'emailbox':
              case 'lastnamebox':
              case 'firstnamebox':
              case 'campusbox':                         
                hstyle="width:275px;height:70px;border:2px solid red;";                                                         
                break;
              case 'isdbox':
                hstyle="width:275px;height:100px;border:2px solid red;";
                break;
        }
        }

    document.getElementById(elementid).style = hstyle;  
}

我尝试过单独的作业，例如:

document.getElementById(elementid).style.width="275px";
...

但这些似乎也不起作用。

我很感激在这件事上的任何帮助。谢谢你，Ai Pragma

Answer 1

为此，您可以尝试使用 cssText 属性，即 widely supported :

document.getElementById(elementid).style.cssText = "width:275px;height:100px;border:2px solid red;"

检查上面的例子here .