Este artículo describe el método de AppendChild por JavaScript. Compártelo para su referencia. El análisis específico es el siguiente:
El código de ejemplo para la adición de nodos DOM Tree es el siguiente:
Copie el código de la siguiente manera: <html>
<Evista>
<script type = "text/javaScript">
función t () {
var nodep = document.createElement ('P'); // Crear P Node
var art = document.createTextNode ('Hello, World'); // Crear nodo de texto
var cont = document.getElementById ('Container'); // Obtener nodo
cont.appendChild (nodop); // Agregar nodo
nodep.appendChild (art); // Agregar nodos de texto
}
</script>
<style type = "text/css">
P {ancho: 100px; altura: 100px; fondo: verde;}
#Container P {ancho: 100px; altura: 100px; fondo: azul;}
</style>
</ablo>
<Body>
<div id = "Container"> <p> Hello World </p>
</div>
<p> Diga algunas palabras </p>
<hr />
<Button onClick = "t ()" value = ""> Agregar nodo </botón>
</body>
</html>
Espero que este artículo sea útil para la programación de JavaScript de todos.