การค้นหาองค์ประกอบลูกใน JavaScript

firstElementChildlastElementChildchildren

Задание 1

กำหนดองค์ประกอบ #elem:

html<ul id="elem">
  <li>text</li>
  <li>text</li>
  <li>text</li>
  <li>text</li>
  <li>text</li>
</ul>

ค้นหาองค์ประกอบลูกตัวแรกขององค์ประกอบนี้และทำให้ข้อความเป็นสีแดง

Задание 2

กำหนดองค์ประกอบ #elem:

html<ul id="elem">
  <li>text</li>
  <li>text</li>
  <li>text</li>
  <li>text</li>
  <li>text</li>
</ul>

ค้นหาองค์ประกอบลูกตัวสุดท้ายขององค์ประกอบนี้และทำให้ข้อความเป็นสีแดง

Задание 3

กำหนดองค์ประกอบ #elem:

html<ul id="elem">
  <li>text</li>
  <li>text</li>
  <li>text</li>
  <li>text</li>
  <li>text</li>
</ul>

ค้นหาองค์ประกอบลูกทั้งหมดขององค์ประกอบนี้และเพิ่มข้อความ '!' ต่อท้าย