Remove div block and replace it by another

Question

I have a js code that suppose to remove block1 and replace it with block2 by an onclick function

function buyerclick() {
  div = document.getElementById('block2');
  div.style.display = "block";
  var elem = document.getElementsByClassName('block1');
  elem.parentNode.remove(elem);
}

Block2 is working OK but block1 isn't remove it just stayed under block2. What I did wrong? I need that block1 removed with all its elements.

Answer 1

getElementsByClassName返回一个集合，因此您必须将该行更改为：

var elem = document.getElementsByClassName('block1')[0];