无法通过jQuery获取确切的样式属性

时间:2018-02-23 06:00:26

标签: jquery html css

我试图在jQuery中获取Div的Style属性,但问题是它没有返回小数值。

例如:

如果style属性设置为:

<div class="test" style="width:204.43px">

当我尝试将jQuery中的值检索为:

var x = $('.test').css('width');

输出结果为:

204px

但它应该返回204.43px

2 个答案:

答案 0 :(得分:2)

正如其他人提到的,你的代码在jquery版本3下面不起作用。在这种情况下,你可以使用纯JavaScript解决方案而不是像下面的jquery。

&#13;
&#13;
var x = document.getElementById('test').style.width;
alert(x);
&#13;
<div id="test" style="width:204.43px"></div>
&#13;
&#13;
&#13;

在上面的代码片段中,我使用了id。如果你想通过课堂实现它,那么你可以像下面那样得到它。

&#13;
&#13;
var x = document.getElementsByClassName('test')[0].style.width;
alert(x);
&#13;
<div class="test" style="width:204.43px"></div>
&#13;
&#13;
&#13;

答案 1 :(得分:-2)

如果以像素为单位,我不认为会考虑小数值。 &#39; 40.8&#39; px将被截断为40.仅当您给出百分比时才会考虑小数。