DOM bolalari

Bu sahifaga qarang:

          <html>
  <body>
    <div>Foydalanuvchilar:</div>
    <ul>
      <li>John</li>
      <li>Pete</li>
    </ul>
  </body>
</html>
        

Quyidagilarning har biri uchun ularga kirishning kamida bitta usulini bering:

<div> DOM tuguni?
<ul> DOM tuguni?
Ikkinchi <li> (Pit bilan)?

Masalan, ko’p usullar mavjud:

<div> DOM tuguni:

          document.body.firstElementChild
// yoki
document.body.children[0]
// yoki (birinchi tugun bo'sh joy, shuning uchun biz 2-ni olamiz)
document.body.childNodes[1]
        

<ul> DOM tuguni:

          document.body.lastElementChild
// yoki
document.body.children[1]
        

Ikkinchi <li> (Pit bilan):

          // <ul> ni oling va keyin uning oxirgi elementi bolasini oling
document.body.lastElementChild.lastElementChild
        