Jump to content

Remover filho que é adicionado dinamicamente


Mr_Galvao

Postagens Recomendadas

Opa pessoal, queria saber como remover um elemento filho que é adicionado dinamicamente, ou seja, antes da remoção tenho que checar se ele já foi adicionado.

  const setResult = (requestData) => {
            const newLine = document.createElement("br");
            const containerCep = document.createElement("div");
            containerCep.classList.add("container-cep")
               
            for (const data in requestData) {
                containerCep.innerHTML += data +": "+requestData[data];
                containerCep.appendChild(newLine);
            }

            clear(containerOutput, containerCep);
            containerOutput.appendChild(containerCep);
  }
  const clear = (containerOutput, containerCep) => {
	 if (containerOutput.children.length > 1) 
		 containerOutput.removeChild(containerCep);
     	 else return;    
  }

Essas são as functions com a lógica que venho tentando

Link to comment
Compartilhe em outros sites

Sua implementação pode não funcionar se houver outros child elements adicionados dinamicamente que não sejam o 'containerCep' pois verifica apenas o número de elementos filhos do elemento pai.
 

const clear = (containerOutput, containerCep) => {
    if (containerOutput.contains(containerCep)) {
        containerOutput.removeChild(containerCep);
    }
}

Dessa maneira, você está verifica se o elemento a ser removido está presente no elemento pai para que não remova um elemento com um critério sem relação 

Link to comment
Compartilhe em outros sites

Crie uma conta ou entre para comentar 😀

Você precisa ser um membro para deixar um comentário.

Crie a sua conta

Participe da nossa comunidade, crie sua conta.
É bem rápido!

Criar minha conta agora

Entrar

Você já tem uma conta?
Faça o login agora.

Entrar agora


×
×
  • Create New...