将CSS值设置为javascript变量

Question

好的,我想要一个CSS值,例如width:50%; 是一个以像素定义的变量.假设50%宽度可能是1000px,或500px.我希望javascript检测百分比的像素值.

我已经尝试了几次绝对没有运气.

Answer 1

您可以像下面这样使用jquery.

var width = $('#your_id').width();

例

var width = $('#myDiv').width();
alert(width + 'px');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div style="width: 200px;">
    <div id="myDiv" style="width: 50%;"></div>
</div>