<script type="text/javascript">
function getAbsoluteLocation(element) {
if (!element) {
return null;
}
var offsetTop = element.offsetTop;
var offsetLeft = element.offsetLeft;
var offsetWidth = element.offsetWidth;
var offsetHeight = element.offsetHeight;
while (element = element.offsetParent) {
if (element.style.position == 'absolute' || element.style.position == 'relative' || (element.style.overflow != 'visible' && element.style.overflow != '')) {
break;
}
offsetTop += element.offsetTop;
offsetLeft += element.offsetLeft;
}
return {
top: offsetTop,
left: offsetLeft,
width: offsetWidth,
height: offsetHeight
};
}
function test(){
var _sapn = document.getElementById("yj_span");
var pos = getAbsoluteLocation(_sapn);
var _div = document.createElement('div');
body.appendChild(_div);
_div.style.background = '#6600FF';
_div.style.position = 'absolute';
_div.style.width = pos.width;
_div.style.top = pos.top + pos.height;
_div.style.left = pos.left;
_div.innerHTML="YongJie";
}
</script>
<body id="body" οnlοad="test();">
<div style=" width:50%; text-align:center; background-color:#CCCCCC">
<div style=" width:50%; background-color:#33FFFF">
<span id="yj_span" style=" width:50%; background-color:#6633FF; margin:20 0 50 30px; padding:20px; border:10px inset #FF0000;">hyj</span>
</div>
</div>
</body>
扫一扫
1698
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
