Показать сообщение отдельно
  #1 (permalink)  
Старый 03.12.2011, 15:23
Новичок на форуме
Отправить личное сообщение для Rain Посмотреть профиль Найти все сообщения от Rain
 
Регистрация: 09.08.2011
Сообщений: 6

Динамическое создание таблицы. Проблема с ИЕ
Вот "пример" в котором вся суть проблемы:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<script language="javascript" type="text/javascript">
	
	function DataTable(Rows)
	{
		var table = document.getElementById('data');
		var k = table.rows.length;
		
		for(var i = 0; i < k; i++) table.deleteRow(0);

		for(var i = 0; i < Rows; i++)
		{
			var row = document.createElement("tr");
			table.appendChild(row);
			var td1 = document.createElement("td");
			row.appendChild(td1);
			td1.innerHTML = i;
		}
	}

</script>

</head>
<body>

<select onchange="DataTable(this.value);">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
</select>

<table class="data" id="data"></table>

<script language="javascript" type="text/javascript">
	DataTable(5);
</script>

</body>
</html>


В ие table.rows.length возвращает 0 и соответственно таблица не стирается. В чем причина и как это исправить?

Заранее благодарен за помощь.
Ответить с цитированием