javascript - 删除 js 数组中的 html 元素的最佳方法是什么？

Question

我需要的是一个 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";
  }
}

显然已经有一个帖子：/

Answer 1

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

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

Answer 2

您需要使用该removeChild方法

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