Question

我想在单击具有相同类“box”的按钮时删除所有元素。我已经查了几个人们这样做的例子，但我仍然无法弄清楚如何为我的代码做这件事。

我有这个功能，当点击一个按钮时，它会向DOM添加一个框。

 function addBox(newbox) {                                   
   var scene = document.getElementById("scene"); //where all new divs will go        
   var div = document.createElement("div");                   
   div.className += " " + "box";            // assigns the class "box" to all divs
   div.innerHTML += newbox.name; 
   div.style.backgroundColor = newbox.color;                            
   scene.appendChild(div);                                    
  }

这是我正在努力尝试在单击其他按钮时清除所有新div的功能。

  function clear() {
  var elems = document.getElementsByClassName("box");
  for ( k = elems.length - 1; k >= 0; k--) {
   parentElement.removeChild(elems[k]);
  }
  }

我在控制台中收到的警告是“未定义parentElement”。我一直试图弄清楚如何定义父元素，但我遇到了麻烦。任何帮助表示赞赏。感谢

Answer 1

您可以从元素的parentNode属性中获取父级：

function clear() {
    var elems = document.getElementsByClassName("box");
    for (var k = elems.length - 1; k >= 0; k--) {
        var parent = elems[k].parentNode;
        parent.removeChild(elems[k]);
    }
}

如何使用类删除元素

1 个答案: