将CSS值设置为javascript变量

Setting a CSS value as a javascript variable

本文关键字：javascript 变量 设置 CSS      更新时间：2023-09-26

好的，我想要一个CSS值，比如宽度的值：50%；是以像素为单位定义的变量。假设50%的宽度可能是1000px，或者500px。我希望javascript能够检测百分比的像素值。

我试了好几次都没有成功。

您可以使用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>

var total_width = $( window ).width();
var display_width = 50; //50%
var my_width_px = ((display_width * total_width) / 100); // 100 = 100%

这可能对你有帮助。

您可以使用jQuery 获得以像素为单位的宽度

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

使用jQuery 设置div的宽度

$("#mydivid").css("width", your_new_width);

使用javascript 获取宽度

document.getElementById("mydivid").offsetWidth;
相关文章：