lastChild和lastElementChild的差異

這是寫寫HTML的小東西遇到的問題,也讓我終於看到lastChild和lastElementChild這兩者之間的差異,下面分享一下這個遭遇



<div id="my-target">

  <div class="item-name">the item name</div>

  <div class="item-status"></div>

</div>


我使用document.querySelector('my-target')取出來這個root元素

再使用

  • lastChild()會給我第一個Child下的text
  • lastElementChild()則會給我第二個div

lastChild()在api解釋上是說會給我最後一個child, 不過很神奇的它給了我child的child....

lastElementChild()在api解釋上則是表示會略過所有text node, comment node



留言