Capítulo 14

DOM Core InterfaceNode Exemplo 1

JavaScript

<script type="text/javascript">
window.onload = function () {
var elBotao, para, negrito;	
	elBotao = document.getElementById("btn");	
	para = document.getElementById("teste");
	negrito = document.getElementsByTagName("b")[0];
	
	elBotao.onclick = function() {
	alert(para.nodeType);
	alert(para.nodeName);
	negrito.firstChild.nodeValue = "texto inserido com nodeValue";
	
	}
}
<script>

HTML

...
<p class="xpto" id="teste">Texto do parágrafo com <b>palavra</b> em negrito.</p>
<button type="button" id="btn">Rodar Script</button>
...

Texto do parágrafo com palavra em negrito.