小编sao*_*yr5的帖子

我编写了以下脚本来显示隐藏元素,然后将其位置固定到页面中心.

function popUp(id,type) {
var popUpBox = document.getElementById(id);

popUpBox.style.position = "fixed";
popUpBox.style.display = "block";

popUpBox.style.zIndex = "6";

popUpBox.style.top = "50%";
popUpBox.style.left = "50%";

var height = popUpBox.offsetHeight;
var width = popUpBox.offsetWidth;
var marginTop = (height / 2) * -1;
var marginLeft = (width / 2) * -1;

popUpBox.style.marginTop = marginTop + "px";
popUpBox.style.marginLeft = marginLeft + "px";
}

当onclick事件调用此函数时,offsetHeight和offsetWidth计算不正确,因此不能正确地对齐元素.如果我第二次单击onclick元素,则offsetHeight和offsetWidth会正确计算.

我试图以我能想象的各种方式改变秩序,这让我发疯!很感谢任何形式的帮助!