您的位置：首页 > Web前端 > JQuery

jquery 获取元素width height 小数点向上取整

2016-08-12 19:00 316 查看

今天被问到html元素中width 的属性值为100.5px时，jquery 获取时向上取整101px；做了一个测试

<!DOCTYPE html>
<html>
<head>
<script src="jquery.1.11.3.min.js"></script>
</head>
<body>
<div id="div1" style="width:100.5px;height:100.5px;">1</div>
<div id="div2" style="width:10%;height:10%;">2</div>
<script>

console.info("js "+document.getElementById("div1").style.width);
console.info("jquery "+$("#div1").css("width"));

console.info("js "+document.getElementById("div2").style.width);
console.info("jquery "+$("#div2").css("width"));
</script>

</body>
</html>
javascript能够取得100.5px；原因在于javascript取到的属性文本值
jquery 取到101：原因 jquery获取浏览器解析html 元素的width属性值(猜测)
这里理解有些奇怪：所以我用了百分比设置，来证明猜测是否正确
js 100.5px
jquery 101px
js 10%
jquery 94px
结果证明，这样理解还是可以的。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： jquery html

相关文章推荐

新的分享

章节导航