所以,我有兩個可以使用的 HTMLElement:
var el1 = document.getElementById('div1')
var el2 = document.getElementById('div2');
我想要做的是合并這兩個插入兩個容器中的元素,如下所示:
<container-x1>
<container-x2>
<div id="div1">test1</div>
</container-x2>
</container-x1>
<container-y1>
<container-y2>
<div id="div2">test2</div>
</container-y2>
</container-y1>
在此之后我的目標是完全洗掉容器 y1 并將測驗 1 和測驗 2 合并到同一個容器中,如下所示:
<container-x1>
<container-x2>
<div id="div2">test1 test2</div>
</container-x2>
</container-x1>
有什么幫助嗎?提前致謝
uj5u.com熱心網友回復:
你可以試試這個:
const el1 = document.getElementById('div1');
const el2 = document.getElementById('div2');
el2.innerHTML = el1.innerHTML ' ' el2.innerHTML;
el1.replaceWith(el2);
document.getElementsByTagName('container-y1')[0].remove();
<container-x1>
<container-x2>
<div id="div1">test1</div>
</container-x2>
</container-x1>
<container-y1>
<container-y2>
<div id="div2">test2</div>
</container-y2>
</container-y1>
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/462987.html
標籤:javascript dom
