createElement 요소 만들기,removeChild 요소 삭제

1629 단어
createElement 



    
    Title





  • var oBtn=document.getElementById('btn1');
    var oUl=document.getElementById('uli');
    var oTxt=document.getElementById('txt1');
    oBtn.οnclick=function () {
    var oLi=document.createElement("li");
    var aLi=oUl.getElementsByTagName('li');
    oLi.innerHTML=oTxt.value;
    //상위.appendChild(하위 노드)
    //oUl.appendChild(oLi);
    //상위.insertBefore(하위 노드, 누구 이전)
    //IE는 지원되지 않음
    //oUl.insertBefore(oLi,aLi[0]);
    //모든 브라우저에서 지원되는 쓰기
    if (aLi.length>0) {
    oUl.insertBefore(oLi,aLi[0]);
    }else{
    oUl.appendChild(oLi);
    }
    }
    removeChild 요소 삭제
    
    
    
        
        Title
    
    
    
  • aaaaaa 삭제
  • bbbbbb 삭제
  • cccccc 삭제
  • dddddd 삭제
  • eeeeee 삭제
  • ffffff 삭제
  • var aA=document.getElementsByTagName('a');
    var oUl=document.getElementById('ull');
    for (var i=0;i<aA.length;i++){
    aA[i].οnclick=function () {
    oUl.removeChild(this.parentNode);//l 내보내기, 리 삭제
    }
    }

    좋은 웹페이지 즐겨찾기