JS appendChild()方法，添加子元素

appendChild()方法

JavaScript中的appendChild()方法，可以为调用对象——一个HTML元素的末尾添加一个子元素，可以同createElement()方法搭配使用。

appendChild()语法

element.appendChild( element2 )

提示：语法中的element可以通过JavaScript代码查找获取，比如doument.getElementById()方法；参数element2可以通过createElement()方法来创建。

appendChild()方法实例代码，及在线编辑器

下面的实例中，使用createElement()方法创建元素p，然后通过appendChild()方法和createTextNode()方法为新建的段落p添加文本子节点，再通过appendChild()方法添加到div当中：

<div id='a1'><p>这是一个段落，为div的第一个子元素。</p></div>
<button onclick='setElement()'>添加子元素</button>

<script>
  function setElement(){
    var element = document.getElementById('a1');
    var new_element = document.createElement('p');
    new_element.appendChild(document.createTextNode( '这是另一个段落，为div的第next子元素，如果继续点击按钮，将继续添加')) ;
    element.appendChild(new_element);
  }
</script>

hot：热门