Удаление элемента на страницы

152

17 января 2019, 00:10

Почему не удаляется элемент со страницы?
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <div class="column"></div>
    <div class="column">
      <div class="adv">
        Элемент, который нужно удалить
      </div>
      <div class="prompt" id="prompt">
      </div>
    </div>
    <script src="javascript/js.js"></script>
</body>
</html>
// js
var delet = document.getElementsByClassName("adv");
document.body.removeChild(delet);

var delet = document.getElementsByClassName("adv"); 
document.body.removeChild(delet);

<div class="column"></div> 
<div class="column"> 
  <div class="adv"> 
    Элемент, который нужно удалить 
  </div> 
  <div class="prompt" id="prompt"> 
  </div> 
</div>

Answer 1

Обратите внимание на ошибку, возникающую при выполнении фрагмента кода в вопросе. То, что возвращается из getElementsByClassName, не являeтся узлом DOM-дерева.

https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementsByClassName

var delet = document.getElementsByClassName("adv"); 
if (delet[0]) { 
  delet[0].parentNode.removeChild(delet[0]); 
}

<div class="column"></div> 
<div class="column"> 
  <div class="adv"> 
    Элемент, который нужно удалить 
  </div> 
  <div class="prompt" id="prompt"> 
  </div> 
</div>