使用原生 js 如何獲取元素真實高度包括(margin)?本人寫了一個很愚蠢的方法(只能分別獲取 width、marginTop、paddingTop等, 這樣獲取效率太低,有沒方法可以一次獲取得到呢?)html:<div class="container">
<p class="text">text</p></div>css:.text { margin: 5px 10px 15px 20px; padding: 25px 10px 5px 3px;
}js:var textNode = document.querySelector('.text')
方法1:
// 只能分別獲取 width、marginTop、paddingTop等, 這樣獲取效率太低,有沒方法可以一次獲取得到呢?function getStyle(obj,attr){
if(obj.currentStyle){
return obj.currentStyle[attr];
}
else{
return document.defaultView.getComputedStyle(obj,null)[attr];
}
}var width = getStyle(textNode, 'width')var marginTop = getStyle(textNode, 'marginTop')
......
使用原生 js 如何獲取元素真實高度包括(margin)
拉風的咖菲貓
2018-09-03 13:18:25
