Capítulo 14

DOM Core InterfaceNode Exemplo 2

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("O nó firstChild do parágrafo é: \n" + para.firstChild.nodeValue);
		alert("O nó lastChild do parágrafo é: \n" + para.lastChild.nodeValue);
		alert("O nó previousSibling do parágrafo é: \n" + para.previousSibling.nodeName);
		alert("O nó nextSibling do parágrafo é: \n" + para.nextSibling.nodeName);
				
		alert("O nó firstChild do elemento B é: \n" + negrito.firstChild.nodeValue);
		alert("O nó lastChild do elemento B é: \n" + negrito.lastChild.nodeValue);
		alert("O nó previousSibling do elemento B é: \n" + negrito.previousSibling.nodeValue);
		alert("O nó nextSibling do elemento B é: \n" + negrito.nextSibling.nodeValue);
	}
}
<script>

HTML

...
<hr />
<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.