Question

ajax下如何获取document.getElementById(id).innerHTML中id内容的高度

有个问题是，我的网站中第一次点击ajax获取某个id内容时，弹出层（原本是top:50%,height:50%,也就是屏幕居中显示），由于是第一次点击获取，ajax或是弹出层得js可能无法获取内容高度，弹出层纵向没有居中显示，当关闭弹出层，再次点击时又居中了，有什么办法解决呢？

Answer 1

innerHTML不能获得你这个对象的的属性的。
推荐用jquery
$(“#id”).attr(“属性”);
就能得到你需要的属性值

Answer 2

先将内容填进去，然后在弹出。
或者在内容填充的时候，在重新定义一下top 和 height

Answer 3

首先我想问，你用什么方式使你的DIV垂直居中的
据我了解，目前没有直接让DIV垂直居中的方法。
我的方法是，弹出的DIV肯定是绝对定位的，那么top=窗口高度/4

追问

var popMargTop = (jQuery('#' + popID).height() + 80) / 2;
var popMargLeft = (jQuery('#' + popID).width() + 80) / 2;

jQuery('#' + popID).css({
'margin-top' : -popMargTop,
'margin-left' : -popMargLeft
});

这段是弹出层的js代码，你看下？

追答

popID是弹出框的ID么？
如果你的弹出框在窗口的垂直居中位置，为什么你在计算popMargTop时没有获取窗口高度的代码呢？
既然你的弹出框高度是固定50%的，那么popMargTop就很容易计算了啊，就是窗口高度/4啊

追问

没错，它因为要ajax读取内容时没有事先获取内容高度，所以弹出层在纵向上没有居中，而是在窗口高度一半以下……
就是要解决这个事先获取内容高度

追答

你的弹出层的高度是不是固定的啊，你不是写的height:50%嘛，我们到底在讨论什么问题啊
窗口高度是100%，弹出层高度是50%，那么弹出层距离窗口上边缘不就是25%嘛
top的值不就是 窗口高度 / 4 嘛
我三次回答都提到这个公式了，你仔细想过没有啊