javascript - JS返回的div高度不正确

Question

var div = document.getElementById('foo');
console.log(div);
console.log(div.scrollHeight);

当我在控制台点击第一个日志返回的div的DOM时，它的scrollHeight为x，而第二个日志打印出y； x != y。

Answer 1

要获取 div 的高度，请尝试-

<强>1。 JavaScript:

var clientHeight = document.getElementById('divId').clientHeight;

或

var offsetHeight = document.getElementById('divId').offsetHeight;

<强>2。 jQuery:

var height= $("#divId").height();

<强>3。 Vanilla JS:

var clientHeight =  document.querySelector('#divId').clientHeight;

或

var offsetHeight = document.querySelector('#divId').offsetHeight;