Нахождение потомков элементов в JavaScript

Дан элемент #elem:

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

Найдите первого потомка этого элемента и сделайте его текст красного цвета.

Дан элемент #elem:

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

Найдите последнего потомка этого элемента и сделайте его текст красного цвета.

Дан элемент #elem:

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

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