Capítulo 13

Atributo e métodos de HTMLColletion

JavaScript

<script type="text/javascript">
window.onload = function () {
var msg; 
var para = document.getElementsByTagName("p");
var resultado = document.getElementById("resultado");
	msg = '<ul>'
	msg += '<li>Quantidade de parágrafos: ' + para.length + '</li>';
	msg += '<li>Texto do 2o.parágrafo: ' + para.item(1).innerHTML + '</li>';
	msg += '<li>Texto parágrafo com id="xpto": ' + para.namedItem("xpto").innerHTML + '</li>'; 
	msg += '</ul>'

	resultado.innerHTML = msg;	
}
<script>

HTML

...
	<p>Esse é o primeiro parágrafo</p>
	<p>Esse é o segundo parágrafo</p>
	<p id="xpto">Esse é o terceiro parágrafo</p>
	<p>Esse é o quarto parágrafo</p>

<div id="resultado"></div>

<p >Arquivos exemplo: ...(parágrafo do template dos exemplos)</p>
..

Esse é o primeiro parágrafo

Esse é o segundo parágrafo

Esse é o terceiro parágrafo

Esse é o quarto parágrafo