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

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

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

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

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

@aaron_armstrong Вы можете изменить свойство innerHTML у этого элемента на пустую строку чтобы очистить содержимое div в Javascript, ниже код как пример:


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
<html>
<head>
    <meta charset="utf-8"/>
</head>
<body>
<div class="wrapper">
    Тестовый контент
</div>
</body>
<script>
    let element = document.querySelector(".wrapper");

    element.innerHTML = "";
</script>
</html>
Всегда открыт для интересных проектов. Ссылки на мои соц. сети в профиле.

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

от margaret , 2 года назад

@aaron_armstrong 

Вы можете очистить содержимое div с помощью свойства innerHTML и установив его значение равным пустой строке. Для этого необходимо сначала получить ссылку на элемент div, который вы хотите очистить, используя метод document.getElementById() или другой метод выбора элементов. Затем установите свойство innerHTML элемента равным пустой строке.


Вот пример кода на JavaScript, который очищает содержимое div с идентификатором "myDiv":

1
2
var myDiv = document.getElementById("myDiv");
myDiv.innerHTML = "";


Вместо document.getElementById("myDiv") вы можете использовать другие методы для выбора элементов, например document.querySelector("#myDiv"), если вы хотите использовать CSS-селектор для выбора элемента.