getElementsByTagName dentro de un elemento javascript

Question

¿Por qué lo siguiente devuelve 0?

<p id="g"> 
<div>kk</div> 
<div>ee</div> 
<div>jff</div> 
</p> 


    <script type="text/javascript"> 
    var ii = document.getElementById("g"); 
    var hh = ii.getElementsByTagName('div'); 
    document.write(hh.length); 
    </script> 

Answer 1

Porque no se puede tener un <div> en un <p>. Los párrafos solo pueden tener inline elements como niños.

Tan pronto como el analizador encuentra un <div>, cierra automáticamente el <p>.

Compare

<p id="g"> 
    <span>kk</span> 
    <div>ee</div> 
    <div>jff</div> 
</p> 

<script type="text/javascript"> 
    var ii = document.getElementById("g"); 
    var hh = ii.getElementsByTagName('span'); 
    alert(hh.length); 
</script>​