獲取與JS

Question

例如自定義CSS屬性我有文件的main.css

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

和index.html

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

我可以以某種方式得到這個div從js文件的my-property-name價值？

Answer 1

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

Answer 2

你只需要得到元素的計算風格。這將返回一個對象內的所有可能的CSS屬性。然後，您可以從該對象獲取所需的CSS屬性。

這是純JavaScript（如果有人不明白）

試試這個：

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

alert(property_value); 

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

Answer 3

你可以寫你的財產，像這樣的屬性：

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

然後你可以使用jQuery ATTR（）函數來檢索它

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

見這裏的例子：​​