如何使用JavaScript将多个字符串设置为css属性？

请注意，我询问的是多个字符串，而不是多个属性

更具体地说，我正在寻找一种javascript/jquery方法来更改属性

此属性可以将多个字符串作为值。例如：

grid-template-areas: "a b b"
                     "a c d";

---

要实现这一点，您需要在新的

网格模板区域

值中包含双引号。因此，您需要用单引号分隔新字符串。试试这个：

$('#example-element').css('grid-template-areas', '"a b b" "a b b" "a c c"');

---

请注意，此CSS规则仅适用于现代浏览器（即，除ie和旧版本的Edge之外的所有浏览器，将值换行或屏蔽引号（或使用其他类型的引号作为分隔符）：

el.style.gridTemplateAreas=`a c b”“a c d`；