JQ如何获取动态元素的高度？

草原上的奶牛 2015-07-30 10:35:49

<div class='myhtnl'></div>

div中是通过动态JSON请求获取内容，希望通过
$('.myhtnl')[0].scrollHeight 获取真实高度，得到高度是0，JQ要如何获取动态元素的高度呢？

...全文

2044 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

草原上的奶牛 2015-08-03

打赏
举报

它是json数据调用出来的。也就是初始化的时候div没有高度，是空的。

-妖孽 2015-08-03

打赏
举报

该不会是浏览器兼容问题吧?你换个浏览器试试

草原上的奶牛 2015-08-03

打赏
举报

自己处理了，只能用监听类去处理了。

sydhr_1994 2015-08-03

打赏
举报

引用 5 楼 romy2008 的回复:

它是json数据调用出来的。也就是初始化的时候div没有高度，是空的。

你把获取高度的语法写在 ajax回调中生成这个元素的后面

Braska 2015-07-30

打赏
举报

div里面没有内容或者没设置style时高度默认为auto 即为0

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title></title> 
<style type="text/css"> 
</style> 
<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.8.3/jquery.min.js"></script>
<script language="javascript"> 
var data = [{content:"<div class='myhtnl'>a</div>"},{content:"<div class='myhtnl'></div>"},{content:"<div class='myhtnl' style='height:100'></div>"}];
$(function(){
	var html = "";
	for(var i = 0; i < data.length; i++){
		html += data[i].content;
	}
	$('body').append(html);
	
	alert($('.myhtnl').eq(0).height() +"#####"+ $('.myhtnl').eq(1).height() +"#####"+ $('.myhtnl').eq(2).height());
})

</script> 
</head> 
<body></body>
</html>

草原上的奶牛 2015-07-30