Este artigo descreve como o JS implementa a adição, substituição e exclusão de elementos do nó. Compartilhe -o para sua referência, como segue:
Sempre fiquei confuso sobre as operações do nó, especialmente depois de inseri -lo em um certo nó. Não existe esse método. Tenho um problema com o método que escrevi antes. Devo inserir o novo nó no nó antigo? Ou devo usar o método InsertBe antes para implementá -lo.
Aqui está o método:
<! Doctype html public "-// w3c // dtd html 4.01 transitória // pt" "http://www.w3.org/tr/html4/loose.dtd"> <html> <eft> <!-criado por Topstyle pro versão-ww.ww.bw.br (html> <eft> <!-criado por Topstyle Pro versão-ww.ww.ww.bw.br (html> <! Inserir </ititle> </ad Head> <corpo onload = "insertMessAgEafter ()"> <p id = "p1"> olá mundial //document.body.removechild(op); //op.parentnode Retorna a classe pai node op.parentnode.removeChild (OP); } função replacemessage () {var newop = document.createElement_x ("p"); newop.appendChild (document.createTextNode ("hello java")); //alert(newop.innerhtml); var Oldop = document.getElementByidx_x ("p1"); //document.body.removechild(op); //op.parentnode Retorna a classe pai nó antigo.parentnode.replacechild (Newop, Oldop); //document.Body.Replacechild(NewOP,oldOP)} função insertMessageBefore () {var newop = document.createElement_x ("p"); newop.appendChild (document.createTextNode ("hello java")); var Oldop = document.getElementByidx_x ("p1"); OldOp.parentnode.insertBefore (Newop, Oldop); } função insertMessAgeFter () {var newop = document.createElement_x ("p"); newop.appendChild (document.createTextNode ("hello java")); var Oldop = document.getElementByidx_x ("p1"); insertafter (Newop, Oldop); } função insertBefore (newNode, OldNode) {OldNode.parentnode.insertBefore (newNode, OldNode); } função insertAfter (newNode, OldNode) {// julgue se existem tags da mesma categoria após o OldNode var nextNode = OldNode.NextsBling; if (nextNode) {// se não, é nulo, é falso, se houver, é verdadeiro oldnode.parentnode.insertBefore (newNode, nextNode); } else {OldNode.parentnode.appendChild (newNode); }} </script>For more information about JavaScript related content, please check out the topics of this site: "Summary of JavaScript Operation DOM Skills", "Summary of JavaScript Replacement Operation Techniques", "Summary of JavaScript Value Transfer Operation Techniques", "Summary of JavaScript Encoding Operation Techniques", "Summary of JSON Operation Techniques in JavaScript", "JavaS Summary of script switching effects and techniques", "Resumo das habilidades de algoritmo de pesquisa de JavaScript", "Resumo dos efeitos e técnicas de animação de JavaScript", "Resumo dos erros de JavaScript e técnicas de depuração", "Summary of JavaScript Data Strvertures and Algoritmy Techniques", "Summaration Sumcscript de travagem de técnicas de algorithms e técnicas de algorithms" ".
Espero que este artigo seja útil para a programação JavaScript de todos.