appendChild方法可以向html网页或xml文档中添加一个标签或元素,也可以向已存在的标签内添加一个子元素.

在向某个元素添加子元素时,你可以新创建一个元素,或者把页面其他的元素追加到该元素.

比如你可以为body添加一个div,或者为ul添加一个li.
appendChild方法必须指定一个参数.否则会出错,该参数是你希望添加的html标签,或xml节点元素
<body>
    <ul id="a">
  <li>HTML</li>
  <li>CSS</li>
    </ul>
    <input type="button" id="b" value="添加" onclick="addChild()"/>
    <script type="text/javascript">
    <!--
  function addChild(){
    var ul=document.getElementById("a");
    var li=document.createElement("li");
    li.innerHTML="DOM";
    ul.appendChild(li);
  }
    //-->
    </script>
</body>