javascript - 使用 javascript 删除元素

Question

我有一个文本框。在焦点上，我调用一个 javascript 函数，用这种方式创建一个新元素:

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');