严格（strict）模式下不允许分配到只读属性

今天工作的时候遇到了一个问题，大概就是用js了实现一个顶部齐刘海导航栏。

这个功能在chrome中没有问题，能正常显示，但是在IE中会报出：strict模式下不允许分配到只读属性

出现这个问题的原因是，在js中利用var xx = document.createElement('div') 创建了一个元素，然后直接向xx的style赋值

比如：xx.style = 'height: 6px;width: 200px;' 在这严格模式下xx.style会被认定为只读属性。然后在IE中报错。

解决方式有两种，一种是给xx一个className，然后将你需要的样式写在你命名的class下。

另一种是使用 xx.style.height='6px'的方式，这种方式下需要注意有中横线的属性。

比如z-index,需要写成 xx.style.zIndex。

希望能为遇到同样问题的你带来帮助。