$（'＃element'）。css（“CssProperty”）is not loading

Question

我正在使用jquery .css（）函数获得'margin-left'属性使用var divMargin= $('#DivId').css('margin-left')但我得到undefineddivMargin有时候这个工作完美和有时会导致问题

var divMargin= $('#DivId').css('margin-left'); 

这种意外行为的原因是什么？

Answer 1

把你的脚本中

$(document).ready(function(){ 
var divMargin= $('#DivId').css('margin-left'); 
}) 

所以DOM被加载

Answer 2

jQuery的.css()不返回计算的样式。如果我没有记错的话，它只会让你通过.css(..)调用设置的那些CSS属性。为了得到当前设置的CSS属性，无论它是从哪里设置，您可以使用window.getComputedStyle

使用这样来计算样式的元素：

window.getComputedStyle(element); 

编号：https://developer.mozilla.org/en/DOM/window.getComputedStyle

保证金 - 左，你可以这样做：

var marginLeft = window.getComputedStyle($('#DivId')[0]).marginLeft;