在看到我写的关于使用Javaｓｃｒｉｐｔ动态生成或添加CSS样式表，可以很容易地找出如何修改CSS样式表。

我今天在论坛上遇到一个朋友，问了这样一个问题。





。LS {宽度= 120px；}


在这里更改宽度的ls值，如何写入




有些朋友会回答：如果你使用了很多ls对象，那么使用js就不太方便了，jQuery很方便，$（）宽度（200），这样就可以了。

他想用JQ的类选择器。LS选择所有对象，使用这种方式，调整逐一而不是改变CSS样式表，所以会有很多的关注对象。

问题是，这只是在这些对象的特定风格的改变，而不是the.ls.if设置有一个元素，使用the.ls风格了，它仍然是相同的，你需要再次调整元素。这也决定了它不能简单地用一句话来实现的。

像许多人一样，但如果你看一下法建立或增加本文实现Javaｓｃｒｉｐｔ动态CSS样式表，相信你可以很容易想到如何用一个词来解决这个问题，既简单又有效（浏览器会自动复位，这种风格元素的应用），真的修改样式的设置，使用新的风格元素，会自动将修改后的设置，作为一个结果，你已经学会了更高层次的知识，是区别于很多人。现在我把详细的方法。

因为上面的例子，不容易看出效果，我下面也写了一个例子，通过颜色的变化，更容易看出效果：





。theforever {宽度：50px；颜色：红色；}
# theforever {宽度：150px；颜色：银色；}

它应该是红色的，但是通过改变CSS样式，下面的js会变黄。
它应该是银灰色的，不会改变，只是作为对比。

文档样式表{ 0 }。csstext =文档样式表{ 0 }。csstext.replace（ /红/ g，黄）；
，不是OK吗




上述示例不引用特定样式名，而是引用一般颜色。如果你直接移动到一个更复杂的CSS页面，有红色的词不表示颜色，这可能会导致错误。我一直非常反感的想法无效代码，并没有给太多的指示，但如果你想改变特定的风格名称，它也很容易。

从上面，我们可以看到文档样式表{ 0 }。csstext是整个内部内容，相当于一个字符串变量，所以如果the.ls改变其设置，如更换。LS {宽度= 120px；}取代部分的宽度= 555px。LS {；}作为替代，这会做的。



如何使用Javaｓｃｒｉｐｔ动态修改CSS样式表是萧边分享你的全部内容。我希望能给你一个参考，希望你能支持它。