Dieser Artikel beschreibt die Verwendung der Ersatz- oder Änderung der Funktion ersetzt () des DOM -Knotens. Teilen Sie es für Ihre Referenz. Die spezifische Analyse ist wie folgt:
DOM -Knoten -Austauschprozess:
(1) einen neuen Knoten erstellen;
(2) den alten Knoten finden;
(3) Verwenden Sie aus der Perspektive des übergeordneten Knotens die Ersetzungsfunktion (neu, alte).
Kopieren Sie den Code wie folgt: <html>
<kopf>
<script type = "text/javaScript">
Funktion t () {
// Gedanken: 1. Finden Sie zuerst den Knoten, der ersetzt wird; 2. Erstellen Sie einen neuen Knoten; 3. Finden Sie den übergeordneten Knoten und rufen Sie die (neue, alte) Methode aus der Perspektive des übergeordneten Knotens auf.
var newli = document.createelement ('li'); // Erstellen Sie einen neuen Knoten
var newText = document.createTextNode ('tagtime'); // Textknoten erstellen
Newli.AppendChild (NewText);
var nodeul = document.getElementsByTagName ('ul') [0]; // finde den übergeordneten Knoten
var Oldli = nodeul.children [2]; // Finden Sie den zu ersetzenden Knoten
nodeul.replacechild (newli, altli); // ersetzen
}
</script>
</head>
<body>
<div id = "Container">
<ul>
<li> Frühling </li>
<li> Sommer </li>
<li> Blue Sky </li>
<li> Herbst </li>
<li> Winter </li>
</ul>
</div>
<div id = "Copyul">
</div>
<hr />
<button onclick = "t ()" value = ""> Knotenersatz und Modifikation </button>
</body>
</html>
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.