Question

我在这里通过Nicholas Zakas关于JavaScript的演示文稿：http://www.slideshare.net/nzakas/writing-efficient-javascript（幻灯片编号：89/139）

他建议您在通过JavaScript设置一组样式时使用cssText属性。最好的解决方案显然是将这些样式添加到类中，然后使用JS将类名添加到元素中。但是，在很多情况下，我们只需要在属性数量较少时直接在JS中设置属性。

从他的演讲中可以看出，在这种情况下使用cssText属性会更有效。我试图在属性上查找更多信息，但找不到太多信息。

有没有人使用'cssText'属性？如果有关于财产如何帮助的更多技术信息，那将会很棒。

Answer 1

它是元素上设置的内联样式的字符串表示。

<head>
<style type="text/css">
 .foo {color: #d0d;}
</style>
</head>
<body>
 <p id="e0" class="foo" style="border:2px solid #654;">foo</p>
</body>

console.log(document.getElementById('e0'));在我的设置中给出了“ border：2px solid rgb（102,85,68）; ”（采用内联样式而不是类中的任何内容）。

如果要在元素上设置多个样式，最好将它们一次性设置为字符串（使用此属性），以避免触发设置某些样式属性时可能发生的回流。