JS返回的div高度不正确

时间:2017-04-13 10:23:58

标签: javascript

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

当我单击控制台中第一个日志返回的div的DOM时,其scrollHeight为x,而第二个日志打印出y。 x!= y,

3 个答案:

答案 0 :(得分:2)

使用jQuery获取div的高度。

['*.mp4', '*.avi', '*.mov', '*.flv']

或JavaScript

alert($("#divId").height());

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

答案 1 :(得分:1)

  

我能看到的,在这里,我正在获得完美的身高。你能否提供你迄今为止尝试过的代码?

<!DOCTYPE html>
<html>
<head>
	<title></title>

</head>
<body>
	<div id="foo">HELLO WORLD!!!</div>
	<script type="text/javascript">


	var div= document.getElementById('foo');
	console.log(div);
	console.log(div.scrollHeight);
	console.log(div.clientHeight);
	console.log(div.offsetHeight);
	</script>
</body>
</html>

答案 2 :(得分:0)

使用.load等到该元素加载到dom

$('#foo').load(function(){
  // your code to find height
  $('#foo').height()
  });