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>            

从开头部分插入:

 

posted @ 2013-06-19 19:31  猫多多  阅读(430)  评论(0编辑  收藏  举报