Jump to content

Postagens Recomendadas

Postado

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

Postado

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 

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...