我需要用另一個div替換一個div，我不知道該怎麼做？有沒有辦法將一個div放在另一個div的頂部，然後讓它透明？替換DIV？

2010-08-17 devza

您正在使用哪個js框架？ – fresskoma 2010-08-17 08:23:45

簡單。不需要框架/庫。

parentNode.replaceChild(newNode, oldNode);

如果你只有newNode和oldNode：

oldNode.parentNode.replaceChild(newNode, oldNode);

來源

2010-08-17 08:26:07

只是要記住，'新'是一個無效的變量標識符，所以選擇一個更好的爲您使用:) – bcherry 2010-08-17 08:29:29

謝謝。我剛剛意識到，當它使它變藍時，我現在就會改變它：P – 2010-08-17 08:31:03

如果您需要更換另一個div的內容div的內容，你可以只是去

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

否則，如果您需要替換整個div，您可能需要使用包含要替換的父div並使用父屬性的父div。

如果您需要更多幫助，請添加代碼。

來源

2010-08-17 08:26:15 Mauro

使用replaceChild()（see an example）

來源

2010-08-17 08:26:44

是ofcourse有一種方法放置一個div對方......你可以通過設置元素..這可以用B做的z-index屬性做.. 和設置z-index的另一個高於第一個...然後根據需要，你可以給每個div的ID，並使其可見或隱藏.....

來源

2010-08-17 09:40:05

嘿Cinimozda，使用此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>

全部最好!!!

來源

2010-08-17 14:43:35 Rubyist

使用.replaceWith

使用現代香草JS！比以前更好/更乾淨。例如：

target.replaceWith(element);

來源

2017-10-20 22:18:12 Gibolt

替換DIV？

回答

使用.replaceWith

相關問題