• ARعربي
  • ENEnglish
  • ESEspañol
  • FAفارسی
  • FRFrançais
  • IDIndonesia
  • ITItaliano
  • JA日本語
  • KO한국어
  • RUРусский
  • TRTürkçe
  • UKУкраїнська
  • ZH简体中文

ما قصد داریم این پروژهٔ متن‌باز را در دسترس همهٔ مردم در سرتاسر دنیا قرار دهیم.

به ترجمهٔ محتوای این آموزش به زبان خودتان کمک کنید/a>.

    نقشه آموزش
    اشتراک گذاری
    • آموزش
    • مرورگر: Document، Eventها، رابط‌ها
    • Document
    • Walking the DOM
    بازگشت به درس
    این محتوا تنها در این زبان‌ها موجود است: عربي, English, Español, Français, Italiano, 日本語, 한국어, Русский, Türkçe, Українська, 简体中文. لطفاً به ما

    DOM children

    اهمیت: 5

    Look at this page:

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

    For each of the following, give at least one way of how to access them:

    • The <div> DOM node?
    • The <ul> DOM node?
    • The second <li> (with Pete)?

    There are many ways, for instance:

    The <div> DOM node:

    document.body.firstElementChild
    // or
    document.body.children[0]
    // or (the first node is space, so we take 2nd)
    document.body.childNodes[1]

    The <ul> DOM node:

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

    The second <li> (with Pete):

    // get <ul>, and then get its last element child
    document.body.lastElementChild.lastElementChild
    • © 2007—2025  Ilya Kantor
    • دربارهٔ پروژه
    • تماس با ما