javascript - 如何随机选择 child

Question

我有以下问题:我不知道如何让 JavaScript 随机删除一个 Child。我有一个 DIV (随机选择)。此 DIV 中有更多 DIV，我想要一个 JavaScript 函数来删除一两个 DIV。但其中有一个 DIV 不应被删除。现在我有这个:

if (spieleranzahl == 4) {
    var del = document.getElementById(random)
    if(del.hasChildNodes()){
        let rdm = Math.floor(Math.random() * 4); 
        del.removeChild(del.childNodes[rdm]);
    }
    if(del.hasChildNodes()){
        let mdr = Math.floor(Math.random()* 3); 
        del.removeChild(del.childNodes[mdr]);
    }
}

感谢您的回答。

Answer 1

您可以使用 :nth-child 选择器为自己获取一个随机子项。

document.querySelector('.btn').onclick = () => {
  let parentSelector = document.querySelector('.parent');
  // we want to make sure we get a random number between 1 and the number of child.
  let random = Math.floor(1 + Math.random() * parentSelector.childElementCount);
  child = document.querySelector('.parent>span:nth-child(' + random + ')');
  if(child) {
    console.log(child);
    child.remove();
  }
}

<div class="parent">
  <span>child #1</span>
  <span>child #2</span>
  <span>child #3</span>
  <span>child #4</span>
  <span>child #5</span>
  <span>child #6</span>
  <span>child #7</span>
</div>

<button class="btn">Delete a child !</button>