htmlcollection 删除id

HTMLCollection 是一个类数组对象，它包含了当前文档中所有指定标签名称的元素集合。HTMLCollection 没有提供直接删除指定 ID 的元素的方法，但是可以通过遍历 HTMLCollection，找到指定 ID 的元素并将其从集合中移除。

示例代码：

var elements = document.getElementsByTagName('div'); // 获取所有 div 元素
for (var i = 0; i < elements.length; i++) {
  if (elements[i].id === 'your-id') { // 判断元素是否有指定 ID
    elements[i].parentNode.removeChild(elements[i]); // 从父节点中移除该元素
    break; // 找到并移除元素后退出循环
  }
}

相关问题

HTML将复选框中勾选的内容删除

以下是一个实现将复选框中勾选的内容删除的HTML和JavaScript代码：

<ul id="myList">
  <li><input type="checkbox" value="item1"> Item 1</li>
  <li><input type="checkbox" value="item2"> Item 2</li>
  <li><input type="checkbox" value="item3"> Item 3</li>
</ul>

<button onclick="deleteChecked()">删除勾选项</button>

<script>
function deleteChecked() {
  var list = document.getElementById("myList");
  var items = list.getElementsByTagName("li");
  for (var i = 0; i < items.length; i++) {
    var checkbox = items[i].getElementsByTagName("input")[0];
    if (checkbox.checked) {
      list.removeChild(items[i]);
      i--;
    }
  }
}
</script>

在这个例子中，我们创建了一个包含多个带有复选框的列表。然后，我们定义了一个名为`deleteChecked()`的函数，在该函数中获取所有列表项，并检查它们中的复选框是否被勾选。如果是，我们使用`removeChild()`方法将该列表项从DOM中删除。

请注意，我们使用了`getElementsByTagName()`方法来获取列表项和复选框元素。由于这些方法返回的是HTMLCollection，因此我们需要使用循环来遍历所有元素。在循环中，我们还检查了是否删除了一个元素，如果删除了一个元素，我们需要将循环变量`i`减1，以便正确处理下一个元素。

此外，我们还添加了一个按钮，当单击该按钮时，将调用`deleteChecked()`函数，以删除所有勾选的列表项。