Fatal编程技术网

Javascript 替换一个DIV？

javascript

Javascript 替换一个DIV？,javascript,Javascript,我需要用另一个div替换一个div。有没有办法将一个div放在另一个div的顶部，然后使其透明？简单。不需要框架/库 parentNode.replaceChild(newNode, oldNode); 如果只有新节点和旧节点： oldNode.parentNode.replaceChild(newNode, oldNode); 如果您需要将一个div的内容替换为另一个div的内容，您可以选择 document.getElementById('div1').innerHTML = ...

我需要用另一个div替换一个div。有没有办法将一个div放在另一个div的顶部，然后使其透明？

简单。不需要框架/库

parentNode.replaceChild(newNode, oldNode);
如果只有
新节点
和
旧节点
：

oldNode.parentNode.replaceChild(newNode, oldNode);
如果您需要将一个div的内容替换为另一个div的内容，您可以选择

document.getElementById('div1').innerHTML = ...
否则，如果需要替换整个div，则可能需要使用包含要替换的div的父div并使用parent属性

如果您需要进一步的帮助，请添加代码。

使用
replaceChild（）
（）

是的，当然有一种方法可以相互放置div。。。您可以通过设置元素的z-index属性来实现。。这可以通过。。
并将另一个比第一个高的z指数设置为。。。然后根据需要，您可以为每个div提供id，并使其可见或隐藏

使用此div属性为特定div玩捉迷藏游戏。复制并粘贴整个代码，然后在本地计算机上尝试

<html>
<head>
    <style type="text/css">
    .divStyle {
    width:200px;
    height:100px;
    margin:0px auto;
    }
    </style> 

<script language="javascript" type="text/javascript">
    function displayDiv(){
        var divstyle = new String();
        divstyle = document.getElementById("div1").style.display;
        if(divstyle.toLowerCase()=="block" || divstyle == ""){
            document.getElementById("div1").style.display = "none";
            document.getElementById("div2").style.display = "block";
        }
        else{
            document.getElementById("div1").style.display = "block";
            document.getElementById("div2").style.display = "none";

        }
    }
    </script>
</head>
<body>
    <div id="div1" class="divStyle">Div One One One One 
    </div>
  <div id="div2" class="divStyle" style="display:none;">Div Two Two Two Two Two
    </div>   
    <center>
        <input type="button" value="display Div" onclick="displayDiv()" />
    </center>
</body>
</html>


.divStyle{
宽度：200px；
高度：100px；
保证金：0px自动；
}
函数displayDiv（）{
var divstyle=新字符串（）；
divstyle=document.getElementById（“div1”）.style.display；
if（divstyle.toLowerCase（）=“block”|| divstyle==”“）{
document.getElementById（“div1”）.style.display=“无”；
document.getElementById（“div2”）.style.display=“block”；
}
否则{
document.getElementById（“div1”）.style.display=“block”；
document.getElementById（“div2”）.style.display=“无”；
}
}
第一组
第二组
使用。替换为 使用现代香草JS！比以前好多了/干净多了。例如：

target.replaceWith(element);
您使用的是哪个js框架？请记住，
new
是一个无效的变量标识符，因此请选择一个更好的标识符供您使用：）谢谢。我刚刚意识到，当这么做的时候，它变成了蓝色，所以我现在就改变它：P