Cet article décrit comment JS implémente l'ajout, le remplacement et la suppression des éléments de nœud. Partagez-le pour votre référence, comme suit:
J'ai toujours été confus au sujet des opérations de nœud, surtout après l'avoir insérée dans un certain nœud. Il n'y a pas de telle méthode. J'ai un problème avec la méthode que j'ai écrite auparavant. Dois-je insérer le nouveau nœud dans l'ancien nœud? Ou devrais-je utiliser la méthode insertbefore pour l'implémenter.
Voici la méthode:
<! Doctype html public "- // w3c // dtd html 4.01 transitional // en" "http://www.w3.org/tr/html4/loose.dtd"> <html> <read> <! - Créé par Topstyle Pro Trial version - www.bradsoft.com -> <tItHit> Page85Delevert Insérer </ title> </ head> <body onload = "insertMessage //Document.body.removechild(OP); //op.parentNode Renvoie le nœud de classe parent op.parentNode.RemoveChild (OP); } fonction remplaceMessage () {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 renvoie le nœud de classe parent oldop.parentNode.replaceChild (newop, oldop); //Document.body.replaceChild(Newop,oldop)} fonction insertMessageBefore () {var newop = document.createelement_x ("p"); newop.appendChild (document.CreateTextNode ("Hello Java")); var oldop = document.getElementByidx_x ("p1"); OLDOP.ParentNode.InsertBefore (Newop, Oldop); } fonction insertmessage newop.appendChild (document.CreateTextNode ("Hello Java")); var oldop = document.getElementByidx_x ("p1"); INSERTAFTER (Newop, Oldop); } fonction insertBefore (newNode, oldNode) {oldnode.parentNode.insertBefore (newNode, oldNode); } fonction insertafter (newNode, oldNode) {// jugez s'il existe des balises de la même catégorie après l'OldNode var nextNode = OldNode.NextSibling; if (nextNode) {// Sinon, il est nul, il est faux, s'il y en a, il est vrai oldnode.parentNode.insertFore (newNode, nextNode); } else {oldnode.parentNode.ApendChild (newNode); }} </ script>Pour plus d'informations sur le contenu lié à JavaScript, veuillez consulter les sujets de ce site: "Résumé des techniques de fonctionnement de l'opération JavaScript", "Résumé des techniques de fonctionnement JavaScript" "Résumé des compétences en algorithme de recherche JavaScript", "Résumé des effets et techniques de l'animation JavaScript", "Résumé des erreurs JavaScript et des techniques de débogage"
J'espère que cet article sera utile à la programmation JavaScript de tous.