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

但这些似乎也不起作用。

我感谢你对此事的任何帮助。 谢谢， 艾普拉马

Answer 1

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

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

检查上面的示例here。