我需要以編程方式更改 div 父級。例如<body> <div id="div_a"> <div id="child"></div> </div> <div id="div_b"> </div></body>我想知道是否可以將 id="child" 父級的 div 更改為 id="div_b" 的 div ？我有搜索，但還沒有接近。但如果有類似的問題，請告訴我。謝謝
4 回答
搖曳的薔薇
TA貢獻1793條經驗 獲得超6個贊
您可以簡單地使用appendChild節點并將其作為參數傳遞。一個節點不能同時位于兩個位置，因此它將把它移動到正確的位置。
let child = document.querySelector("#child");
let parent = document.querySelector("#div_b");
parent.appendChild(child);
<div id="div_a">
<div id="child"></div>
</div>
<div id="div_b">
</div>
揚帆大魚
TA貢獻1799條經驗 獲得超9個贊
在純 JS 中，您可以使用document.querySelector(或document.getElementById) 和Node.appendChild將 div 附加到 div#child上#div_b。由于一個節點不能存在于多個位置，因此這也會自動將其從 中刪除#div_a：
document.querySelector('#div_b').appendChild(document.querySelector('#child'));
// or document.getElementById('div_b').appendChild(document.getElementById('child'));
<body>
? <div id="div_a">
? Div A!
? ? <div id="child">I am a child of Div A</div>
? </div>
? <hr/>
? <div id="div_b">
? Div B!
? </div>
</body>
莫回無
TA貢獻1865條經驗 獲得超7個贊
您需要將該元素添加到新的父元素中，然后將其從舊元素中刪除。如果你會使用 JQuery，你可以輕松地做到這一點
jQuery("#child").detach().appendTo('#div_b')
使用 JavaScript
var tmp = document.getElementById('child');
document.getElementById('div_b').appendChild(tmp.cloneNode(true));
tmp.remove();
哈士奇WWW
TA貢獻1799條經驗 獲得超6個贊
根據您的應用程序，您可能需要使用 querySelector 或 querySelectorAll 來獲取 id="child" 的 div。然后使用 [insert element var].classlist() 可以 .remove('child') 然后 .add('div_b')。
- 4 回答
- 0 關注
- 162 瀏覽
添加回答
舉報
0/150
提交
取消