更換DIV？
[英]Replacing a DIV?
問題描述
我需要用另一個div替換div。 有沒有辦法將div放在另一個div之上，然后讓它透明？
6 個解決方案
解決方案1
11 2010-08-17 08:26:07
簡單。 不需要框架/庫。
parentNode.replaceChild(newNode, oldNode);
如果您只有newNode和oldNode ：
oldNode.parentNode.replaceChild(newNode, oldNode);
解決方案2
0 2010-08-17 08:26:15
如果你需要用另一個div的內容替換div的內容，你可以去找
document.getElementById('div1').innerHTML = ...
否則，如果需要替換整個div，則可能需要使用包含要替換的父div，並使用父屬性。
如果您需要進一步的幫助，請添加代碼。
解決方案3
0 2010-08-17 08:26:44
使用replaceChild() （ 參見示例 ）
解決方案4
0 2010-08-17 09:40:05
是的當然有一種方法可以將div放在一起...你可以通過設置元素的z-index屬性來實現...這可以通過...完成並設置另一個高於第一個的z-index ...然后根據需要你可以給每個div提供id並使它們可見或隱藏.....
解決方案5
0 2010-08-17 14:43:35
使用此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>
解決方案6
0 2017-10-20 22:18:12
使用.replaceWith
使用現代香草JS！ 比以前更好/更干凈的方式。 例：
target.replaceWith(element);
更換 </div> 用<\\ / div>
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.