我正在用纯 JavaScript 创建一个灯箱。为此,我正在制作一个叠加层。我想将此叠加层添加到正文,但我也想将内容保留在页面上。我当前的代码添加了覆盖 div,但它也删除了 body 中的当前内容。 如何添加div元素并将内容保留在body上?
var el = document.getElementById('element');
var body = document.getElementsByTagName('body');
el.innerHTML = '<p><a id="clickme" href="#">Click me</a></p>';
document.getElementById('clickme').onclick = function (e) {
e.preventDefault();
document.body.innerHTML = '<div style="position:absolute;width:100%;height:100%;opacity:0.3;z-index:100;background:#000;"></div>';
}
最佳答案
使用Javascript
var elemDiv = document.createElement('div');
elemDiv.style.cssText = 'position:absolute;width:100%;height:100%;opacity:0.3;z-index:100;background:#000;';
document.body.appendChild(elemDiv);
使用jQuery
$('body').append('<div style="position:absolute;width:100%;height:100%;opacity:0.3;z-index:100;background:#000;"></div>');
关于javascript - 在 JavaScript 中将 div 元素添加到正文或文档,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15741006/