Găsirea descendenților elementelor în JavaScript

firstElementChildlastElementChildchildren
Задание 1

Este dat elementul #elem:

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

Găsiți primul descendent al acestui element și faceți textul său de culoare roșie.

Задание 2

Este dat elementul #elem:

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

Găsiți ultimul descendent al acestui element și faceți textul său de culoare roșie.

Задание 3

Este dat elementul #elem:

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

Găsiți toți descendenții acestui element și adăugați la sfârșitul textului lor '!'.