getElementsByTagName all'interno di un elemento javascript

Question

Perché i seguenti valori restituiscono 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

Poiché non è possibile avere un <div> in un <p>. I paragrafi possono avere solo inline elements da bambini.

Non appena il parser incontra uno <div>, chiude automaticamente <p>.

Confronta

<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>​