Capítulo 14

DOM Core childNodes

JavaScript

<script type="text/javascript">
window.onload = function () {
var elBotao, para, qdeFilhos;	
	elBotao = document.getElementById("btn");	
	para = document.getElementById("teste");
	qdeFilhos = para.childNodes.length;
	
	elBotao.onclick = function() {
		alert("Quantidade de nós-filhos do parágrafo: " + qdeFilhos);
			for (var i=0; i<qdeFilhos; i++) {
				alert("Nome do nó-filho " + (i+1) + ": " + para.childNodes[i].nodeName);
				alert("Tipo do nó-filho " + (i+1) + ": " + para.childNodes[i].nodeType);
				alert("Valor do nó-filho " + (i+1) + ": " + para.childNodes[i].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.