将css类指定给textArea时出现Javascript错误

我在Safari桌面/手机和Internet Explorer中遇到问题。错误内容如下：

在Safari中：

TypeError:试图分配给只读属性。

IE边缘：

在严格模式下不允许分配只读属性

它发生在一个函数中，该函数循环遍历页面上的所有文本区域，并根据字符数（改变字体大小）在每个文本区域上设置一个特定的css类

我的问题是：

• 为什么在应用css类时会发生此错误
• 我能做些什么来防止它

我使用的是Laravel5.4和VueJS2.1.10

这里是我复制问题的地方。（你可以看到它在Chrome和FireFox中工作）

---

我真的很感激任何帮助。感谢

不要将值直接分配给

类列表

，它是只读的，操作员对其进行修改的任何功能都是非标准和未指定的

改用

classList.add（）

。

---

不要将值直接分配给

类列表，它是只读的，操作员对其进行修改的任何功能都是非标准和未指定的

改用
classList.add（）
。

替换
card.classList+='font\u normal'带有
卡片。类列表。添加（'font_normal'）按照

希望这有帮助
 替换
card.classList+='font\u normal'带有
卡片。类列表。添加（'font_normal'）按照

希望这有帮助
 您不应该弄乱DOM。您与Vue的约定是，它将控制DOM，您将为它提供一个描述事物应该如何显示和工作的模型。在这种情况下，您应该使用。看起来你想做点什么


const-app=新的Vue({
el:“#应用程序”，
数据：{
showPublicStacks：[{
id:1，
公共类标题：“西班牙语101”
},
{
id:3，
公共类别标题：“非洲首都。加上额外字符以测试较小字体”
},
{
id:2，
公共类标题：“美国首都”
}
]
}
});
#应用程序{
显示器：flex；
宽度：100%；
}
.宽度33{
弹性：0.33.333%；
}
/*字体*/
.font_正常{
字号：2em；
}
.font\u小{
字号：1em；
}
/*纸牌*/
分区媒体容器{
背景：#ffffff；
填充：10px；
盒影：02px7pxRGBA（0,0,0,2）；
过渡：放松；
边界半径：4px；
}
.卡输入区{
宽度：100%；
高度：100px；
边缘顶部：10px；
填充顶部：10px；
边界：无；
字体系列：无衬线；
颜色：灰色；
背景色：#ffffff；
文本对齐：居中；
填充：20px；
过渡时间：300毫秒；
-webkit过渡：300毫秒易用性；
动画：显示文本210ms；
光标：指针；
}
您不应该弄乱DOM。您与Vue的约定是，它将控制DOM，您将为它提供一个描述事物应该如何显示和工作的模型。在这种情况下，您应该使用。看起来你想做点什么


const-app=新的Vue({
el:“#应用程序”，
数据：{
showPublicStacks：[{
id:1，
公共类标题：“西班牙语101”
},
{
id:3，
公共类别标题：“非洲首都。加上额外字符以测试较小字体”
},
{
id:2，
公共类标题：“美国首都”
}
]
}
});
#应用程序{
显示器：flex；
宽度：100%；
}
.宽度33{
弹性：0.33.333%；
}
/*字体*/
.font_正常{
字号：2em；
}
.font\u小{
字号：1em；
}
/*纸牌*/
分区媒体容器{
背景：#ffffff；
填充：10px；
盒影：02px7pxRGBA（0,0,0,2）；
过渡：放松；
边界半径：4px；
}
.卡输入区{
宽度：100%；
高度：100px；
边缘顶部：10px；
填充顶部：10px；
边界：无；
字体系列：无衬线；
颜色：灰色；
背景色：#ffffff；
文本对齐：居中；
填充：20px；
过渡时间：300毫秒；
-webkit过渡：300毫秒易用性；
动画：显示文本210ms；
光标：指针；
}

别再搅乱DOM了。这是Vue的工作。您可以对某些内容进行建模，并让Vue负责将其放入DOM中。另外：我在Safari中没有发现错误。不要再弄乱DOM了。这是Vue的工作。您可以对某些内容进行建模，并让Vue负责将其放入DOM中。另外：我在Safari中没有发现错误。