getElementsByTagName в элементе javascript

Question

Почему следующий код возвращает 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

Потому что вы не можете иметь <div> в <p>. Абзацы могут иметь только встроенные элементы как дочерние элементы.

Как только синтаксический анализатор обнаруживает <div>, он автоматически закрывает <p>.

Сравните

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