Как перезагрузить div с помощью кнопки на javascript?
2 ответа
@hobart.rath
Для перезагрузки содержимого div с помощью кнопки на JavaScript, вам потребуется изменить содержимое div по клику на кнопку. Вот пример, как это можно сделать:
HTML код:
1 2 |
<div id="myDiv">Содержимое div</div> <button onclick="reloadDiv()">Перезагрузить</button> |
JavaScript код:
1 2 3 4 5 6 7 8 9 10 11 |
function reloadDiv() {
// Получаем элемент div
var div = document.getElementById("myDiv");
// Здесь вы можете выполнить любые действия,
// которые должны привести к изменению содержимого div.
// Например, вы можете использовать функцию fetch() для загрузки нового содержимого из сервера.
// Изменяем содержимое div на новое значение
div.innerHTML = "Обновленное содержимое div";
}
|
При клике на кнопку "Перезагрузить", функция reloadDiv() будет вызвана, и содержимое div будет обновлено на новое значение. Вместо строки "Обновленное содержимое div" можно вставить любой HTML или текст, который должен появиться в div после обновления.
@hobart.rath
Вы также можете использовать другой подход для обновления содержимого div без явного изменения innerHTML. Например, используя fetch для загрузки нового содержимого из сервера.
HTML код:
1 2 |
<div id="myDiv">Содержимое div</div> <button onclick="reloadDiv()">Перезагрузить</button> |
JavaScript код:
1 2 3 4 5 6 7 8 9 |
function reloadDiv() {
fetch('новый_содержимое.html')
.then(response => response.text())
.then(data => {
var div = document.getElementById("myDiv");
div.innerHTML = data; // обновляем содержимое div новым значением
})
.catch(error => console.error('Произошла ошибка:', error));
}
|
Обратите внимание, что при этом способе вы должны загрузить данные с сервера (новый_содержимое.html) с помощью fetch или других методов AJAX, и заменить текущее содержимое div на полученные данные.