Capítulo 14

DOM Core Element - Exemplo 1

JavaScript

<script type="text/javascript">
window.onload = function () {
var elBotao, container, texto, para, resultado;	
	elBotao = document.getElementById("btn");	
	container = document.getElementById("container");
	texto = document.createTextNode("Texto criado com o método createTextNode()");
	para = document.createElement("p");
	resultado = para.appendChild(texto);
	
	elBotao.onclick = function() {
	container.appendChild(resultado);
	document.body.appendChild(resultado);
	}
}
<script>

HTML

...
<div id="container"></div>
<button type="button" id="btn">Rodar Script</button>
...