Question

例如我有文件main.css

#test { my-property-name: 10px; }

和index.html

<div id="test"></div>

我可以以某种方式从js文件中获取此my-property-name的{{1}}值吗？

Answer 1

您可以将属性编写为如下属性：

<div id="test" my-property-name="10px"></div>

然后你可以使用jQuery attr（）函数来检索它

var x = $("#test").attr("my-property-name");
alert(x);

请参阅此处的示例：http://jsfiddle.net/gkE4F/

Answer 2

var my_element = document.getElementById('test');
var style_element = window.getComputedStyle(my_element);
var property_value= style_element.getPropertyValue('YOUR_PROPERTY_NAME');

Answer 3

你只需要获得元素的计算样式。这将返回对象中所有可能的css属性。然后，您可以从该对象获取所需的CSS属性。

这是纯JavaScript（如果有人不理解）

试试这个：

var allCss = window.getComputedStyle(document.getElementById('test')),
    property_value= allCss.getPropertyValue("padding");

alert(property_value);

jsfiddle：http://jsfiddle.net/3ktu9/1/

使用js获取自定义css属性

3 个答案: