Question

我需要从客户端更改<style> - 类似这样的内容：

<head>
    <style>
        img.Bordered
        {   border-style: dashed;
        }
    </style>
    <script type="text/javascript">
        function OnBorderChanged () {
            //Set "border-style" to "solid" for Bordered images.
        }
    </script>
</head>

这个过程是什么？

Answer 1

请参阅：http://www.hunlock.com/blogs/Totally_Pwn_CSS_with_Javascript和http://www.quirksmode.org/dom/changess.html

这些文章解释了如何动态添加和删除整个样式。

请注意，第一篇文章为您提供了一个非常好的跨浏览器功能集。 quirksmode文章基本上解释了它是如何工作的。

Answer 2

使用jquery的css方法：

http://api.jquery.com/css/

e.g：

$("img.Bordered").css('border-style', 'solid');

如何从JavaScript更新现有的<style>？</style>

2 个答案: