자바 스크립트를 사용하여 요소 삭제

Question

텍스트 상자가 있습니다.

var label = document.createElement("label"); 
label.innerHTML = "*For a more secure password use letters and digits"; 
document.getElementById('picturediv').appendChild(label); 

그러나 onblur 내가 다른 함수를 호출 한 후 내가이 요소를 제거하려면 : 포커스 나는이 방법으로 새로운 요소를 생성하는 자바 스크립트 함수를 호출합니다. 제거를 시도했지만 작동하지 않습니다. 제거가 적합한 지 확실하지 않습니다.

Answer 1

당신은 이런 식으로 제거 할 수 있습니다

function removeLabel() { 
    document.getElementById('picturediv').removeChild(document.getElementById('picturediv').getElementsByTagName('label')[document.getElementById('picturediv').getElementsByTagName('label').length - 1]); 
} 

편집 : 때문에 주석의

function removeLabel() { 
    var parentNode = document.getElementById('picturediv'); // The parentNode of the label element 

    var tagsWithLabel = parentNode.getElementsByTagName('label'); // All elements with tag name label 

    var length = tagsWithLabel.length; // The length of the node array 

    parentNode.removeChild(tagsWithLabel[length - 1]); // Deleting the last element with tage name label from parentNode. 
} 

편집 :

function removeLabel(id) { 
    document.getElementById(id).removeChild(document.getElementById(id).getElementsByTagName('label')[document.getElementById(id).getElementsByTagName('label').length - 1]); 
} 

것은 삭제하는 의견

기능 레이블 1 : removeLabel('picturediv'); 레이블 2 삭제 : removeLabel('picturediv2');