inserindo elementos após os outros em javascript

inserção de elementos após os nós existentes é uma operação comum em javascript. No entanto, embora exista o método insertBefore (), ele só pode adicionar elementos antes de um nó de referência. Para inserir elementos após, precisamos de uma abordagem alternativa. referencenode.nextsbling);

aqui está uma quebra:

referenceNode: o elemento após o qual queremos inserir o novo node. ReferenceNode é o último filho. Inserir antes de lidar com este caso adicionando o novo nó ao final da lista. referenceNode.ParentNode.insertBefore (newNode, referenceNode.nextsibling); }

referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);

para testar esta função, podemos usar o seguinte snippet:

• function Instafter (referenceNode, newnode) { referenceNode.ParentNode.insertBefore (newNode, referenceNode.nextsibling); } var el = document.createElement ("span"); el.innerhtml = "test"; var div = document.getElementById ("foo"); insertafter (div, el);
• Isso criará um novo elemento de span com o texto "teste" e insira -o após o elemento div com o id "foo."