1
Почему не удаляется элемент со страницы?

<!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>

1

1 ответ 1

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>

2
  • почему вы сделали удаление через условие? а не просто написали delet[0].parentNode.removeChild(delet[0]) 27 сен 2018 в 18:30
  • @Александр Если элементов с указанным классом на странице нет, обращение delet[0].parentNode приведет к ошибке и прерыванию выполнения скрипта.
    – user176262
    27 сен 2018 в 18:32

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.