添加元素 · javascript

### 1. appendChild ~~~ var li = document.createElement("li"); li.innerHTML = value; parent.appendChild(li); ~~~ ### 2. append() prepend() ~~~ <script> /* append() 可以传递多个参数表示在父元素添加的子元素在最后一个 prepend() 表示子元素的第一个 */ var p = document.createElement("p"); p.innerHTML = "hello world"; var h1 = document.createElement("h1"); h1.innerHTML="h1"; document.body.append(p,h1); </script> <div id="parent"> <p>hello world</p> <p>hello world</p> </div> <script> var parent = document.getElementById("parent"); var h1 = document.createElement("h1"); h1.innerHTML="first"; parent.prepend(h1); </script> ~~~ ### 3. before after （实用常用和insertbefore与insertafter相同） ~~~ <body> <p id="test">hello world</p> <script> var test = document.getElementById("test"); var h1 = document.createElement("h1"); h1.innerHTML="前面"; test.before(h1); var h2 = document.createElement("h2"); h2.innerHTML = "后面"; test.after(h2); </script> </body> ~~~