Получить дочерний элемент javascript получить последний дочерний элемент

Вот пример как можно получить первый и последний дочерний элемент

<script type="text/javascript" src="http://scriptjava.net/source/scriptjava/scriptjava.js"></script>

<div>
<div onclick="first(this);">Получить содержимое первого дочернего элемента<span>1</span><span>2</span></div>
2
<div onclick="last(this);">Получить содержимое последнего дочернего элемента<span>3</span><span>4</span></div>
</div>

<script type="text/javascript">

function first(th) {
	if($$(th).$$first()==null) {
		alert('Первый дочерний элемент не найден');
	}
	else {
  		alert($$(th).$$first().$$html());
	}
}

function last(th) {
	if($$(th).$$last()==null) {
		alert('Последний дочерний элемент не найден');
	}
	else {
  		alert($$(th).$$last().$$html());
	}
}

</script>

Посмотреть пример

Для поиска всех дочерних элементов нужно воспользоваться следующей конструкцией

<script type="text/javascript" src="http://scriptjava.net/source/scriptjava/scriptjava.js"></script>

<div>
<div onclick="search(this);">Получить все дочерние элементы<span>1</span><span>2</span><span>3</span><span>4</span></div>
</div>

<script type="text/javascript">

function search(th) {
  var el=$$(th).$$first();
  if(el!=null) { alert($$(el).$$html()); }
  while($$(el).$$next()!=null) {
    el=$$(el).$$next();
    alert($$(el).$$html());
  }
}

</script>

Показать пример