Метод remove в javascript.

Подробно о методе 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>

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

Еще никто не прокомментировал! COMMENTS+   BBcode

Подписаться + =

---