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

    xiaoxiao2024-07-26  13

    今天被问到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 结果证明,这样理解还是可以的。

    转载请注明原文地址: https://ju.6miu.com/read-1291065.html
    最新回复(0)