JavaScript DOM操作之替换子节点 replaceChild
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>三十课 - JavaScript DOM操作之替换子节点 replaceChild</title> <script src="http://res.30ke.cn/res/js/console.js"></script> </head> <body> <div> <h1>三十课</h1> <h2 id="subTitle">毛瑞的笔记本</h2> </div> <script> var h2 = document.querySelector("#subTitle"); var h2n = document.createElement("h2"); h2n.textContent = "毛瑞的新笔记本2"; h2.parentNode.replaceChild(h2n, h2); </script> </body> </html>
运行结果
三十课
广告
