javascript - 是否可以从外部样式表而不是计算的样式表中获取 dom 元素的特定 css 属性的值？

Question

jquery .css 方法不适用于此。是否有替代方法可以在 css 表中获取实际值，例如百分比等...？这是一个示例，表明 .css 不适用于此：外部 css：

margin-left: 10%;

JS代码：

var Marginleft = $(domElem).css('margin-left');
alert(Marginleft);

这将返回一个以像素为单位的值。我想获得百分比，是否可以不将css作为字符串输入？

score 0 · Accepted Answer

我认为没有内置功能。我不确定“将 CSS 作为字符串输入”是什么意思，但您可以轻松计算百分比。

var percent = (parseFloat(Marginleft)/parseFloat($(domElem).parent().css('width')) * 100) + '%';
alert(percent);

score 0 · Accepted Answer

试试这个（仅限 Webkit：Chrome、Opera、Safari）

var Marginleft = window.getMatchedCSSRules(domElem)[0].style["margin-left"]
alert(Marginleft);

此示例将从第一个分配的类中读取“margin-left”样式属性到 dom 元素。如果您有多个课程 - 您可能必须遍历数组才能获得您所测试的课程。

2 回答 2