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

75 阅读 0 评论 50 点赞

我是靠谱客的博主笨笨悟空，最近开发中收集的这篇文章主要介绍严格（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。

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

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。