Нахождение потомков элементов в 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>

Найдите всех потомков этого элемента и добавьте им в конец текст '!'.