jquery - 如何使用 jquery 获取带有内联样式的 css

Question

我在我的 asp.net mvc (C#) 应用程序中从数据库动态加载样式。

我正在尝试更改加载的内联样式的某些属性，例如(背景、字体颜色、字体大小...)。我正在使用 jquery.rule 来执行此操作。

我需要使用 jquery 将包括更改在内的完整内联样式更新回数据库。

head里面的内联样式是这样的:

<style type="text/css">
    <!
    -- body
    {
        background: #fff;
        margin: 0px;
        padding: 0px;
        font: normal 12px Tahoma, Verdana, Arial;
        color: #636363;
    }
    a
    {
        color: #d0d0d0;
        text-decoration: none;
    }
    #header
    {
        padding-left: 35px;
        height: 60px;
        vertical-align: middle;
        padding-top: 25px;
    }
    -- ></style>

我需要更新内联样式。怎么做？

Answer 1

I need to update the complete inline style including the changes, back to the database using jquery.

您是否正在尝试读取页面中某个元素的内联样式声明？如果是这样，这很棘手。理论上，您应该能够调用 element.getAttribute('style') 或等效的 jQuery。然而，DOM 属性访问在 IE 中不起作用；事实上，IE 根本不存储文档中使用的属性，只存储由此产生的已解析样式声明。

没有特定于 jQuery 的方法来读取所有样式，但您可以使用 DOM Level 2 Style 获得有效的内联样式规则作为 CSS .

var style= element.style.cssText;

但在 IE 中，这将分隔您使用的任何快捷方式属性，例如设置 border 可能导致您获得 border-style、border-color 和 border-width 返回。 IE 还将大写属性名称。这对您来说可能重要，也可能不重要。

您最好记住在单独的查找对象中所做的内联样式更改，这样您就可以更轻松地阅读它。您可以使用 jQuery 的 data() 方法将其附加到元素，对“真实”element.style 和查找 $(element) 进行所有更改.data('stylestore') 对象，然后在您要发布时从查找中检索所有设置的样式。