Entrar Ainda não tem acesso?
1
resposta

Dúvida: innerHTML não serviria também?

Referente ao curso JavaScript: criando requisições, no capítulo Buscando elementos e atividade Lista filtrada

por Lucas De Castro Patrão Rezende Silva
| 56.9k xp | 20 posts
Analista de Sistemas Jr. 
async function pesquisaVideos (event){
    event.preventDefault()

    const dadosDePesquisa = document.querySelector("[data-pesquisar]").value; 
    const pesquisa = await conectaApi.buscaVideo(dadosDePesquisa);

    const lista = document.querySelector("[data-lista]");
    lista.innerHTML = ''
    pesquisa.forEach(element => 
    lista.appendChild(constroiCard(element.url, element.titulo, element.imagem, element.descricao)))
}

Na minha função utilizei o innerHTML para remoção de todo conteúdo e funcionou!

Geraria problemas? poderia utilizar neste caso também?

Abraços pessoal da alura!!!

1 resposta
por Lorena Garcia
| 8298.3k xp | 12158 posts
Alura Scuba Team Suporte Educacional

Oi Lucas, tudo bem?

Utilizar o innerHTML para remover todo o conteúdo de um elemento não é necessariamente problemático. No entanto, é importante ter em mente que essa abordagem pode ser menos eficiente em termos de desempenho, especialmente se o elemento tiver uma grande quantidade de conteúdo

Por isso, é recomendado utilizar métodos mais seguros, como o removeChild ou o replaceChild, que removem ou substituem elementos filhos de um elemento pai.

Espero ter ajudado.

Um abraço e bons estudos.