之前一直在为没法知道一个不确定宽高元素的实际宽高而困扰,结果发现用style.width和style.height获取的都是在元素里定义的值
偶然发现了以前经常见到但是又怕麻烦所以没去接触的offsetWidth和offsetHeight,这两个可以获取一个元素在页面中占用的实际尺寸,不管有没有定义。
比如
<div id="1">12eddcvg42few</div> <script> alert(document.getElementById("1").offsetWidth); </script>
弹出警告窗显示627(也就是现在div由于里面的文字而撑开来以后所占的宽度)