Почему не удаётся получить длину таблицы?

Question

[Zorgios]

Таблица:

<table border="1" id='testTable'>
    	<caption>Тестовая таблица</caption>
	      <tr>
	        <td>Число1</td>
	        <th>1000</th>
	        <th>500</th>
	        <th>100</th>
	        <th>50</th>
	        <th>10</th>
	        <th>1</th>
	      </tr>
	      <tr>
	      	<td>Какой-то процент</td>
	      	<td>150%</td>
	      	<td>170%</td>
	      	<td>200%</td>
	      	<td>220%</td>
	      	<td>270%</td>
	      	<td>330%</td>
	      </tr>	
    	</table>

Пытаюсь удалить все строки из таблицы:

var table = document.getElementById("marzha");
while(table.rows.length > 0) {
    table.deleteRow(0);
}

Выдаёт ошибку:

Cannot read property 'length' of undefined at update testTable

В эмуляторах всё работает:
https://jsfiddle.net/j3tfasxb
На самом сервере этот кусок кода выполняться не хочет с ошибкой выше*

Comments

[Ankhena]

let trs = document.querySelectorAll("#testTable tr");
trs.forEach((tr) => tr.remove());

[Zorgios]

Ankhena, Спасибо! Работает.

[Ankhena]

Zorgios, да ваш код тоже работал ;)
Видимо, id'шники напутали.

[Zorgios]

Ankhena, я знаю, что он работал. Почему-то именно на сервере он выполняться не хотел. С ID точно всё хорошо было.

[Zorgios]

Ankhena, опять возникла подобная проблема, уже для метода 'appendChild'
С ошибкой:
"Uncaught TypeError: Cannot read property 'appendChild' of undefined"
Хотя код работает.

[Ankhena]

Zorgios, много до чего могу догадаться, но на таком уровне телепатией не владею.

Может ошибки в селекторах, может скрипт вызываете, когда элемента еще нет. Может его вообще нет. Или еще что-нибудь.

Answer 1

[Ilya Olovyannikov]

Id таблицы и запрос к поиску по ID разные