如何从CSS中获取指定的样式，而不是从元素中计算的样式？

问题描述：

我知道有类似的问题，例如this one，但我一直无法找到可行的解决方案。如何从CSS中获取指定的样式，而不是从元素中计算的样式？

有人可以建议我如何从CSS类中获取width属性的值，以便我可以将它写入div？

即使实际元素由于内容而进一步拉伸，我也想获取该类中设置的实际值。

如果可能，很乐意使用jQuery来做到这一点。

document.getElementById("myDiv").innerHTML = 'value of CSS width';

#myDiv { 
 
    width: 177px; 
 
    border: 1px solid red; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div id="myDiv">Hello World!</div>

您是否正在寻找对div有效的css值，那么您是否在意是否有多个样式适用但正在被覆盖？ –

即使实际元素由于内容而进一步拉伸，我也想获取该类中设置的实际值。 –

[this]（http://*.com/questions/395341/get-element-stylesheet-style-in-javascript）不回答你的问题，但一些方法可能会帮助你获得指定的样式，而不是计算出的样式 –

答

本文从jQuery的文档可以帮助你。 http://api.jquery.com/css/

尝试：

$('#myDiv').css('width')

似乎计算元素的宽度，而不是类中设置的元素的宽度。 –

答

这很容易。尝试

$('#myDiv').width()

似乎计算元素的宽度，而不是类中设置的内容。 –