# Метод removeChild

Метод `removeChild` позволяет удалить элемент. Применяется к родительскому элементу с указанием элемента, который нужно удалить.

## Синтаксис

`родитель.removeChild(элемент);`

## Пример

Давайте удалим абзац `#elem`. Для этого получим его родителя `#parent` и метод `removeChild` применим к полученному родителю, а параметром метода передадим элемент, который хотим удалить:

`<div id="parent"> <p id="elem">elem 1</p> <p>elem 2</p> </div>` `let parent = document.querySelector('#parent'); let elem = document.querySelector('#elem'); parent.removeChild(elem);`

Результат выполнения кода:

`<div id="parent"> <p>elem 2</p> </div>`

## Пример

Если нужно удалить элемент, но ссылки на его родителя нет, - родителя можно получить через `parentElement`:

`<div> <p id="elem">elem 1</p> <p>elem 2</p> </div>` `let elem = document.querySelector('#elem'); elem.parentElement.removeChild(elem);`

Результат выполнения кода:

`<div id="parent"> <p>elem 2</p> </div>`

## Смотрите также

- метод `remove`,
  с помощью которого можно удалить элемент

← →
↑
en ru