使用.replaceWith

Question

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

Answer 1

易。不需要框架/库。

parentNode.replaceChild(newNode, oldNode);

如果您只有newNode和oldNode：

oldNode.parentNode.replaceChild(newNode, oldNode);

Answer 2

如果你需要用另一个div的内容替换div的内容，你可以去

document.getElementById('div1').innerHTML = ...

否则，如果您需要替换整个div，您可能希望使用包含要替换的父div的父div，并使用父属性。

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

Answer 3

使用replaceChild()（see an example）

Answer 4

是的，当然有一种方法可以将div放在一起......你可以通过设置元素的z-index属性来实现...这可以通过...完成并设置另一个高于第一个的z-index ...然后根据需要你可以给每个div提供id并使它们可见或隐藏.....

Answer 5

使用此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>

Answer 6

使用.replaceWith

使用现代香草JS！比以前更好/更干净的方式。例如：

target.replaceWith(element);

更换DIV？

6 个答案:

使用.replaceWith