删除 js 数组中的 html 元素的最佳方法

Best possible way to remove html elements that are in an js array?

本文关键字：元素 最佳 方法 html 删除 数组 js      更新时间：2023-09-26

我需要的是一个JS函数deleteSelected（）这会从我的 HTML 页面中删除 selectedDivs 数组中的元素。最有效的方法是什么？

删除所选内容.HTML：

<div class="DRAGGABLE ui-draggable" onclick="addDevice(this)" style="position: absolute; width: 240px; height: 41px; top: 126px; left: 27px;">
  <img id="PMF00" src="/devices/AIRC1-010.gif">
</div>

.JS：

function addDevice(e) {
  if ($ctrlBeingpressed == true) {
    selectedDivs.push(e);
    e.style.border = "2px dotted black";
  }
}

显然已经有一个帖子了：/

如果您的selectedDivs数组包含实际的 DOM 元素，则可以执行以下操作：

function deleteSelected() {
   for (var i = 0; i < selectedDivs.length; i++) {
      var el = selectedDivs[i];
      el.parentNode.removeChild(el);
   }
   selectedDivs = [];
}

你需要使用 removeChild 方法

for (var i = 0, len = selectedDivs.length; i< len; i++){
  var node = selectedDivs[i];
  node.parentNode.removeChild(node);
}
相关文章：