getElementsByTagName trong một phần tử javascript

Question

Tại sao trở lại 0 sau đây?

<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

Vì bạn không thể có <div> trong một <p>. Đoạn văn chỉ có thể có inline elements làm trẻ em.

Ngay khi trình phân tích cú pháp gặp phải một số <div>, trình tự động sẽ đóng <p>.

Hãy so sánh

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