С помощью метода removeChild Вы можете удалить узел потомок из элемента. Данный метод возвращает удаленный узел.
Синтаксис:
удаленный_узел=объект.removeChild(узел) или объект.removeChild(узел)
| Параметры | Описание |
|---|---|
| узел | Является обязательным параметром. Указывает узел потомок, который будет удален. |
Пример
function delDel()
{
document.getElementById('wrap').removeChild(document.getElementById('del'));
}
function delAll()
{
while (document.getElementById('wrap').hasChildNodes())
{
document.getElementById('wrap').removeChild(document.getElementById('wrap').firstChild);
}
}
....
<div id='wrap' style='border-style:solid;background-color:yellow;border-width:1px;'>
<p>Первый абзац</p>
<p id='del' >Второй абзац</p>
<p>Третий абзац</p>
</div>
<input type='button' value='Удалить потомка div с id=del' onclick='delDel()' />
<input type='button' value='Удалить всех потомков div' onclick='delAll()' />