如何在另一个上面创建一个HTML元素？

给定一个HTML元素显示在页面上的某个地方？如何在另一个上面创建一个HTML元素？

我该如何制作另一个html，使它完全重叠呢？

举一个想法，我想是这样的，但如果在输入HTML元素是在页面的底部它不工作，我需要Scrolldown已达到它

function createOverlap(elem) { 
    var rect = elem.getBoundingClientRect(); 
    over.style.position = 'absolute'; 
    over.style.top = rect.top+'px'; 
    over.style.left= rect.left+'px'; 
    over.style.height = rect.height+'px'; 
    over.style.width= rect.width+'px'; 
    return over; 
}

来源

2013-03-22 Zo72

你可以创建它的小提琴链接，所以我们可以检查它。 – 2013-03-22 18:00:36

你的意思是“完全**隐藏**另一个”？ – egrunin 2013-03-22 18:05:47

一点也没有”看起来'over'是DOM元素，除此之外，你非常接近。

看到这个小提琴：http://jsfiddle.net/7em2g/

function createOverlap(elem) { 
    var rect = elem.getBoundingClientRect(); 
    var over = document.createElement('div'); 
    over.style.position = 'absolute'; 
    over.style.top = rect.top+'px'; 
    over.style.left= rect.left+'px'; 
    over.style.height = rect.height+'px'; 
    over.style.width= rect.width+'px'; 
    return over; 
} 
var bar = createOverlap(document.getElementById('foo')); 
bar.style.backgroundColor = 'rgba(255,0,0,0.3)'; 
document.body.appendChild(bar);

嗯，如果你在这里向下滚动不会有所作为。如果您仍然有麻烦，我们需要更多关于此问题的信息。

来源

2013-03-22 18:21:29

如何在另一个上面创建一个HTML元素？

回答

相关问题