Este artículo describe el uso de la función de reemplazo o modificación ReplaceChild () de DOM Node. Compártelo para su referencia. El análisis específico es el siguiente:
Proceso de reemplazo de nodo DOM:
(1) crear un nuevo nodo;
(2) Encuentre el nodo antiguo;
(3) Desde la perspectiva del nodo principal, use la función ReplaceChild (nueva y antigua) para reemplazar.
Copie el código de la siguiente manera: <html>
<Evista>
<script type = "text/javaScript">
función t () {
// Pensamientos: 1. Primero encuentre el nodo que se reemplazará; 2. Cree un nuevo nodo; 3. Encuentre el nodo principal y llame al método ReplaceChild (nuevo, antiguo) desde la perspectiva del nodo principal.
var newli = document.createElement ('li'); // Cree un nuevo nodo
var newtext = document.creatExtExtNode ('Daytime'); // Crear nodo de texto
newli.appendChild (NewText);
var nodeul = document.getElementsBytagName ('ul') [0]; // Buscar el nodo principal
var Oldli = nodeul.children [2]; // Encuentra el nodo para ser reemplazado
nodeul.replaceChild (Newli, Oldli); // Reemplazar
}
</script>
</ablo>
<Body>
<div id = "contenedor">
<ul>
<li> Spring </li>
<li> Summer </li>
<li> Blue Sky </li>
<li> Autumn </li>
<li> Winter </li>
</ul>
</div>
<div id = "copyul">
</div>
<hr />
<botón onClick = "t ()" value = ""> Reemplazo y modificación del nodo </boton>
</body>
</html>
Espero que este artículo sea útil para la programación de JavaScript de todos.