Cet article décrit l'utilisation de la fonction de remplacement ou de modification remplacechild () du nœud DOM. Partagez-le pour votre référence. L'analyse spécifique est la suivante:
Processus de remplacement du nœud DOM:
(1) créer un nouveau nœud;
(2) trouver l'ancien nœud;
(3) Du point de vue du nœud parent, utilisez la fonction RempaceChild (nouvelle, ancienne) à remplacer.
Copiez le code comme suit: <html>
<adal>
<script type = "text / javascript">
fonction t () {
// Réflexions: 1. Trouvez d'abord le nœud à remplacer; 2. Créez un nouveau nœud; 3. Trouvez le nœud parent et appelez la méthode RempaceChild (nouvelle, ancienne) du point de vue du nœud parent.
var newli = document.createelement ('li'); // créer un nouveau nœud
var newText = document.CreateTextNode ('Daytime'); // Créer un nœud de texte
NewLi.ApendChild (newText);
var nodeul = document.getElementsByTagName ('ul') [0]; // Trouvez le nœud parent
var oldli = nodeul.children [2]; // Trouvez le nœud à remplacer
nodeul.replacechild (newli, oldli); // remplacer
}
</cript>
</ head>
<body>
<div id = "conteneur">
<ul>
<li> Spring </li>
<li> Été </li>
<li> Blue Sky </li>
<li> automne </li>
<li> hiver </li>
</ul>
</div>
<div id = "copyul">
</div>
<hr />
<Button onClick = "T ()" Value = ""> Remplacement et modification du nœud </futton>
</docy>
</html>
J'espère que cet article sera utile à la programmation JavaScript de tous.