6，DOM,crealElement创建元素，appendChild添加元素，removeChild删除元素

创建元素：cereatElement('li');一般是先创建元素，然后将改元素插入到一个元素中。

添加元素：父元素.appendChild(子元素);是末尾插入，如果是将父元素中的一个子元素插入该父元素末尾，分两步，1先从一个父元素中删除这个子元素，2再将这个子元素插入父元素中；

插入到某个元素前：父元素.insertBefore(插入元素，目标元素);

移出某一个元素：父元素.removeChild(子元素);

 提交输入的内容：

<input type='text' id='txt1'/>
<input type='button' id='btn1' value='插入'/>
<ul id='ul1'>
    
</ul>

<script>
    window.onload=function(){
        var oUl=document.getElementById('ul1');
        var oTxt=document.getElementById('txt1');
        var oBtn=document.getElementById('btn1');

         oBtn.onclick=function(){
             var oLi=creatElement('li');
             oLi.innerHTML=oTxt.value;
             oUl.appendChild(oLi);
         }
    }
</script>            

从开头部分插入：

 

转载于:https://www.cnblogs.com/maoduoduo/p/3142167.html