如何使用jQuery获取元素的所有计算样式?

我想复制元素的所有计算的css并将其应用于另一个元素。 通过计算的样式,我的意思是例如,如果元素的宽度是100%,但是它的父级宽度是200px,则元素计算的宽度将是200px。 如何访问元素的所有这些样式?

在使用Majid的答案进一步研究之后,我发现Jquery的“.css”方法也返回计算样式,并且更好,因为它解释了浏览器差异http://api.jquery.com/css/

使用计算机风格。 这是一个简单的教程: Get Computed Style

至于jquery,它可以帮助您获得对source和target元素的引用并轻松应用css规则。 假设您只对两个属性(宽度和高度)感兴趣,那么您可以使用以下代码:

 var oSource = $('#source'); var sWidth = document.defaultView.getComputedStyle(oSource, null).width; var sHeight = document.defaultView.getComputedStyle(oSource, null).height; $('#target').css('width', sWidth).css('height', sHeight);