Jump to content

Remover filho que é adicionado dinamicamente


Recommended Posts

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
Share on other 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
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


×
×
  • Create New...