.empty()

DOM

Убрать контент внутри элемента. Очистить содержимое HTML-элемента. Удалить всё из выбранных элементов.

Метод .empty() удаляет все дочерние узлы и содержимое выбранных элементов, не удаляет сам элемент. Можно выбрать любой элемент для удаления. Подобный метод имеется в jQuery.

empty(element)

Параметр	Тип	Описание
`element`	Node	Элемент HTML для очистки содержимого

Пример использования

Удаление дочерних элементов

Ипользуя метод опустошения .empty() очистим всё текстовое содержимое влючая HTML-элемент текстового абзаца <p>. Итак, что бы не находилось внутри блока с целевым идентификатором #target-empty - исчезнет!

<div id="target-empty" class="uk-card uk-card-body uk-card-default">
    <p>
    	Эту карту нужно очистить, но пока она не пуста!
    </p>
</div>

const myCard = document.getElementById('target-empty');

UIkit.util.empty(myCard);

Результат

<div id="target-empty" class="uk-card uk-card-body"></div>

Мы можем выбрать любой элемент для удаления. Если нужно было бы удалить только текст, оставив внутри карты <p></p>, то можно было бы написать так:

const myPar = document.querySelector('#target-empty p');

UIkit.util.empty(myPar);