Este artículo describe cómo JS implementa agregar, reemplazar y eliminar elementos de nodo. Compártelo para su referencia, como sigue:
Siempre me han confundido sobre las operaciones de nodo, especialmente después de insertarlo en un nodo determinado. No existe tal método. Tengo un problema con el método que escribí antes. ¿Debo insertar el nuevo nodo en el nodo antiguo? O debo usar el método InsertBore para implementarlo.
Aquí está el método:
<! DocType html public "-// w3c // dtd html 4.01 </head> <body onload = "insertMessageAftter ()"> <p id = "p1"> hello world </p> </body> </html> <script> function removeMessage () {var op = document.getElementByIdx_x ("p1"); //document.body.removechild(op); //op.parentnode Devuelve el nodo de clase principal op.parentnode.removechild (op); } function replaceMessage () {var newop = document.createElement_x ("p"); newop.appendChild (document.createTextNode ("Hola Java")); //alert(newop.innerhtml); var Oldop = document.getElementByIdx_x ("P1"); //document.body.removechild(op); //op.parentnode Devuelve el nodo de clase principal Oldop.ParentNode.replaceChild (Newop, Oldop); //document.body.replaceChild(Newop,oldop)} función insertMessageBefore () {var newop = document.createElement_x ("p"); newop.appendChild (document.createTextNode ("Hola Java")); var Oldop = document.getElementByIdx_x ("P1"); Oldop.ParentNode.insertbefore (Newop, Oldop); } función insertMessageAftter () {var newop = document.createElement_x ("p"); newop.appendChild (document.createTextNode ("Hola Java")); var Oldop = document.getElementByIdx_x ("P1"); insertarfter (newop, Oldop); } función insertBefore (newnode, oldNode) {oldNode.ParentNode.insertbefore (NewNode, OldNode); } función InsertAfter (NewNode, OldNode) {// juzga si hay etiquetas de la misma categoría después del OldNode var nextNode = oldNode.nextSibling; if (nextNode) {// Si no, es nulo, es falso, si lo hay, es verdadero 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", "Resumen de las habilidades de algoritmo de búsqueda de JavaScript", "Resumen de JavaScript Animation Effects and Techniques", "Resumen de los errores y las técnicas de depuración de JavaScript", "Resumen de las estructuras de datos de JavaScript y las técnicas de algoritmo", "Resumen de algorhm de Operaciones JavaScript.
Espero que este artículo sea útil para la programación de JavaScript de todos.