Пример функции для выборочного обновления контента:
async function elementUpdate(selector) {
try {
var html = await (await fetch(location.href)).text();
var newdoc = new DOMParser().parseFromString(html, 'text/html');
document.querySelector(selector).outerHTML = newdoc.querySelector(selector).outerHTML;
console.log('Элемент '+selector+' был успешно обновлен');
return true;
} catch(err) {
console.log('При обновлении элемента '+selector+' произошла ошибка:');
console.error(err);
return false;
}
}
Вызывайте функцию
elementUpdate() передав внутрь него CSS-селектор того элемента, который вы хотите обновить. Например, если хотите обновить блок который имеет класс
soderzhimoye, то достаточно выполнить:
elementUpdate('.soderzhimoye');
Если хотите привязать это действие к кнопке, то можете сделать так:
<button onclick="elementUpdate('.soderzhimoye');">Нажми меня, чтобы обновить блок</button>
