Метод remove в javascript.

remove js или remove - это метод в javascript. Что данный метод делает? Разберем живой пример использования метода remove.

Подробно о методе remove в javascript

1. Синтаксис метода remove js
2. Живой пример работы метода remove

Синтаксис метода remove js

Первым делом разберем синтаксис remove в javascript :

element.remove();

Пример использования метода remove в javascript

Предположим. что у нас есть вот такое дерево:

Применим метод remove к div с id = child_example_1

<div id="parent">

  <div id="child_example">div</div>

  <div id="child_example_1>div</div>

  <div id="child_example_2>div</div>

</div>

<script>child_example_1.remove();</script>

Результат применения метод remove к div с id = child_example_1

<div id="parent">

  <div id="child_example">div</div>

  <div id="child_example_2>div</div>

</div>




Живой пример работы метода remove

Специально для вас сделал стенд для реализации процесса работы метода remove:

<div id="parent">

  <div id="child_example">div</div>

  <div id="child_example_1>div</div>

  <div id="child_example_2>div</div>

</div>

Для того, чтобы увидеть действие метода remove вам нужно нажать кнопку действие метода remove действие метода remove

Разберемся как работает метод remove

Выше вы уже увидели действие метода remove! Теперь давайте разберем весь код...

Для этого нам понадобилось несколько блоков, в самм верху вы уже видели этот код:

<div id="parent">
  <div id="child_example">div</div>
  <div id="child_example_1>div</div>
  <div id="child_example_2>div</div>
</div>


Чтобы увидеть живое действие метода remove нам потребовалась кнопка button, на неё повесим onclick + id и сам метод "remove". Итого у нас получилось:

<button onclick="child_example_1.remove();">действие метода remove</button>

Ну собственно... на этом всё!