Foros del Web - Ver Mensaje Individual

emprear · #3 (**permalink**) 26/03/2012, 18:25

Ejemplo (estaba redactando mientras @zerokilled se me adelanto

Código HTML:

Ver original<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<title>Contar elementos</title>
<meta name="description" content="Contar elementos" />
<script type="text/javascript">
//<![CDATA[
var tags_li = new Array();
function dli() {
var tags_li=document.getElementsByTagName('li');
var i;
for (i=0; i<tags_li.length; i++) {
// suma i
}
alert('La cantidad de <li> en toda la página es de ' + i);
}
 
// con una clase específica
var tags_li2 = new Array();
function dli2(clase) {
var tags_li2=document.getElementsByTagName('li');
var n = 0;
var i;
for (i=0; i<tags_li2.length; i++) {
if (tags_li2[i].className==clase) {
n++;
}
}
alert('La cantidad de <li class="' + clase + '"> en el documento es ' + n);
}
//]]>
</script>
</head>
<body onload="dli(); dli2('a');">
<div>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
</ul>
<hr />
<ul>
<li class="a">1</li>
<li class="a">2</li>
<li class="a">3</li>
<li class="a">4</li>
<li class="a">5</li>
<li class="a">6</li>
</ul>
</div>
</body>
</html>

Saludos