اطفال ال DOM

انظر إلى هذه الصفحة:

          <html>
  <body>
    <div>المستخدمون:</div>
    <ul>
      <li>جون</li>
      <li>بيت</li>
    </ul>
  </body>
</html>
        

لكل من التالي، أعطِ طريقة واحدة على الأقل لكيفية الوصول إليها:

عقدة <DOM <div؟
عقدة <DOM <ul؟
العنصر <li> الثاني (مع Pete)؟

هناك العديد من الطرق، على سبيل المثال:

عقدة <DOM <div:

          document.body.firstElementChild;
// أو
document.body.children[0];
// أو (العقدة الأولى هي المسافة، لذلك نأخذ الثانية)
document.body.childNodes[1];
        

عقدة <DOM <ul:

          document.body.lastElementChild;
// أو
document.body.children[1];
        

العنصر <li> الثاني (مع Pete):

          // احصل على <ul>، ثم احصل على آخر عنصر فرعي له
document.body.lastElementChild.lastElementChild;
        