Намиране на наследници на елементи в 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>

Намерете всички наследници на този елемент и добавете в края на текста им '!'.