使用 javascript 删除元素

Delete element using javascript

本文关键字：元素 删除 javascript 使用      更新时间：2023-09-26

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

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

但是onblur我调用另一个函数，然后我想删除这个元素。我已经尝试删除，但它不起作用。我不确定删除是否适合这样做。

您可以

通过以下方式删除它：

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

相关文章：