зачем getElementById

[rgl]

В многочисленных примерах кода часто используется функция getElementById,

вот например "озебривание" таблицы:

<table border id="tb">
<tr><td>1.1<td>1.2<td>1.3</tr>
<tr><td>2.1<td>2.2<td>2.3</tr>
<tr><td>3.1<td>3.2<td>3.3</tr>
<tr><td>4.1<td>4.2<td>4.3</tr>
<tr><td>5.1<td>5.2<td>5.3</tr>
<tr><td>6.1<td>6.2<td>6.3</tr>
<tr><td>7.1<td>7.2<td>7.3</tr>
<tr><td>8.1<td>8.2<td>8.3</tr>
<tr><td>9.1<td>9.2<td>9.3</tr>
</table>

<script  type="text/javascript">
var tb2 = document.getElementById( "tb" );
for( var i=0; i<tb2.rows.length; ++i )
  tb2.rows[i].bgColor = i%2 ? "red" : "blue";
</script>

Но в старых книжках, которые я читал больше пяти лет назад, учили делать так:

<script  type="text/javascript">
for( var i=0; i<tb.rows.length; ++i )
  tb.rows[i].bgColor = i%2 ? "red" : "blue";
</script>

и тоже все работает.

Вопрос - зачем использовать getElementById если и без этого можно? Поиском ничего не нашел, везде объясняют КАК использовать но не "зачем это нужно"

[Great Rash]

Все дело в обработке ошибок. Если на странице вдруг не существует <table id="tb">, то в скрипте будет ошибка вроде tb is not defined, а document.getElementById('tb') вернет вам null, т.е. хоть какие-то данные и скрипт продолжит выполнение, а не остановится.