GUJ Discussões   :   últimos tópicos   |   categorias   |   GUJ Respostas

Como modificar esse código javascript para capturar apenas um id, ao invés de todo o HTML?

Meu código atual faz o seguinte:
Ao clicar em um link, vai impedir o comportamento padrão, pegar todo o conteúdo do arquivo HTML no atributo src da tag a e inserir esse conteúdo em uma tag com o ID content.

document.querySelectorAll('section>a').forEach(link => {
const content = document.getElementById('content')
link.onclick = function(e) {
	e.preventDefault()
	fetch(link.href)
		.then(resp => resp.text())
		.then(html => content.innerHTML = html)
}

})

Mas eu gostaria de, ao invés de pegar todo o conteúdo da página, pegar apenas o conteúdo de um id dentro dessa página. Não sei se consegui explicar direito.

Basta você fazer o parsing do HTML e buscar o que precisa a partir dele:

fetch(link.href)
  .then(resp => resp.text())
  .then(text => {
    var doc = new DOMParser().parseFromString(text, 'text/html');
    var elemento = doc.getElementById('id_que_vc_quer_buscar');
    // faz o que precisa com o elemento
});
1 curtida
//