Este artigo descreve o método de ApndendChild por JavaScript. Compartilhe para sua referência. A análise específica é a seguinte:
O código de exemplo para a adição dos nós da árvore dom é o seguinte:
Copie o código da seguinte forma: <html>
<head>
<script type = "text/javascript">
função t () {
var nodep = document.createElement ('p'); // crie nó p
var arte = document.createTextNode ('Olá, mundo'); // Crie um nó de texto
var cont = document.getElementById ('contêiner'); // Obtenha o nó
cont.appendChild (nodep); // Adicione o nó
NodEP.AppendChild (ART); // Adicione nós de texto
}
</script>
<style type = "text/css">
p {largura: 100px; altura: 100px; fundo: verde;}
#container p {width: 100px; altura: 100px; fundo: azul;}
</style>
</head>
<Body>
<div id = "contêiner"> <p> Olá mundo </p>
</div>
<p> Diga algumas palavras </p>
<hr />
<button onclick = "t ()" value = ""> adicione nó </butut>
</body>
</html>
Espero que este artigo seja útil para a programação JavaScript de todos.