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
WBOYoriginal
2016-05-16 16:53:281987parcourir

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



1
2 🎜>< /div>
Déclaration:
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