父级.replaceChild(新节点,被替换节点) 替换子节点
HTML部分:
<body> <div id="div1">div1</div> <input type="button" value="按钮" id="btn" /> <hr /> <p id="p1">ppppp</p> </body>
js部分:
window.onload = function() { var oDiv = document.getElementById(‘div1‘); var oBtn = document.getElementById(‘btn‘); var oP = document.getElementById(‘p1‘); oBtn.onclick = function() { // document.body.replaceChild( oDiv, oP ); /* appendChild,insertBefore,replaceChild都可以操作动态创建出来的节点,也可以操作已有节点 */ //oP.appendChild( oDiv ); }; };
时间: 2024-11-11 02:12:50