主页
JS 参考手册
HTML DOM 元素 after() 方法
tryjsref_element_after3
运行 ❯
×
更改方向
保存代码
更改主题
<!DOCTYPE html> <html> <body> <h1>The Element Object</h1> <h2>The after() Method</h2> <div id="myDiv">Hello</div> <p>Click to insert two elements and a text after the div:</p> <button onclick="myFunction()">Click here</button> <script> function myFunction() { const div = document.getElementById("myDiv"); const h3 = document.createElement("h3"); const h4 = document.createElement("h4"); div.after(h3, h4, "Some text!"); h3.append("Hello! I am an h3"); h4.append("Hello! I am an h4"); } </script> </body> </html>