JavaScriptにおける要素の子孫の検索

Задание 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>

この要素のすべての子孫を見つけ、それらの末尾にテキスト '!' を追加してください。