communauté Apprendre Bibliothèque d'outils Loisirs

Français

Maison > interface Web > js tutoriel > Introduction à l'utilisation de replaceChild() pour remplacer des éléments existants par des compétences javascript_javascript

Introduction à l'utilisation de replaceChild() pour remplacer des éléments existants par des compétences javascript_javascript

WBOY

Libérer： 2016-05-16 16:53:28

original

1988 Les gens l'ont consulté

replaceChild(a,b) est utilisé pour remplacer des éléments existants dans le document
Paramètre a : le nœud à insérer,
Paramètre b : le nœud à remplacer

Copier le code Le code est le suivant :

 
var oDiv = document.getElementById("guoDiv"); ("span "); 
oSpan.innerHTML = "4"; 
var firsChild = oDiv.firstElementChild : oDiv.firstChild 
var returnNode = oDiv.replaceChild(oSpan, firsChild /); /Remplacer le premier élément Un élément, renvoie l'élément remplacé 
alert(returnNode.innerHTML); //1 
var lastChild = oDiv.lastElementChild ? oDiv.lastElementChild : oDiv.lastChild; createElement( "span"); 
oSpan.innerHTML = "5"; 
returnNode = oDiv.replaceChild(oSpan, lastChild); //Remplacez le dernier et renvoie l'élément remplacé
alert(returnNode. innerHTML );//3 

 

Copier le code Le code est le suivant :

1 
2 🎜>< /div>

Étiquettes associées：

remplacer l'élément

source：php.cn

Article précédent：Comparaison de la relation entre la méthode native js pour obtenir la largeur et la hauteur et la méthode jquery pour obtenir les compétences width et height_javascript Article suivant：Comment appeler à distance la méthode ajax dans jquery via JSONP_jquery

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Derniers articles par auteur