Как очистить содержимое div через javascript?

Пользователь

от hoyt.jerde , в категории: JavaScript , 3 года назад

Как очистить содержимое div через javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от jeremy_larkin , 3 года назад

@hoyt.jerde Вы можете перезаписать свойство innerHTML у элемента на Javascript, пример:


1
document.querySelector("div.footer").innerHTML = "";


Данная конструкция уберет все содержимое из элемента div с классом footer. Вы можете вместо пустой строки использовать Ваш HTML и тем самым заменить его.

Пользователь

от gussie.jones , 2 года назад

@hoyt.jerde 

Чтобы очистить содержимое div через JavaScript, можно использовать следующий код:

1
document.getElementById("divId").innerHTML = "";


Где "divId" - это ID div элемента, который вы хотите очистить. Этот код устанавливает содержимое div элемента равным пустой строке, что приводит к очистке содержимого div.


Если вы хотите удалить все подэлементы div элемента, вы можете использовать следующий код:

1
2
3
4
var div = document.getElementById("divId");
while (div.firstChild) {
    div.removeChild(div.firstChild);
}


Этот код перебирает все подэлементы div элемента и удаляет их один за другим, пока не будут удалены все подэлементы. После этого div элемент будет пустым.