JS返回的div高度不正确

Question

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

当我在控制台点击第一条log返回的div的DOM时，它的scrollHeight为x，而第二条log打印出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.香草JS：

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

或者

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