getElementsByTagName w elemencie javascript

Question

Dlaczego następujący powrót zwraca 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

Ponieważ nie można mieć <div> w <p>. Akapity mogą mieć tylko inline elements jako dzieci.

Gdy tylko analizator składni napotka na <div>, automatycznie zamyka się <p>.

Porównaj

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