在Firefox，IE浏览器中的JavaScript语法不匹配

Question

以下代码适用于firefox，但在IE中显示错误。

document.getElementById('zip_container').style.borderLeft = '1px solid #D9D9D9;';

其中zip_container是div。

任何人都可以就此提出任何建议。

Answer 1

document.getElementById('zip_container').style.borderLeft = '1px solid #D9D9D9';

（值中没有;）无处不在。

通过javascript设置属性值时，只设置值。 ;是内联样式中不同样式定义之间的分隔符。使用javascript更改属性时，您不需要（不应该）提供它。

Answer 2

无效值：

document.getElementById('zip_container').style.borderLeft = '1px solid #D9D9D9;';

使用style.something修改样式属性时，“;”不是必需的

但是如果你这样修改它：

document.getElementById('zip_container').style.cssText += ";border-left:1px solid #D9D9D9;";

“;”不能丢失。所以正确的方法是：

document.getElementById('zip_container').style.borderLeft = '1px solid #D9D9D9';

Answer 3

也许您需要添加完整的代码示例，以便更清楚您的问题是什么，但就我现在所知，当您使用jQuery时，您可能会遇到麻烦。