Svetlana Harisova ([info]svetkina) wrote,

[work] Динамическое добавление строки в таблицу


Предполагается, что есть у нас таблица:
<table id='t'>
    <tbody>
    </tbody>
</table>

А вот теперь Javascript, который вставляет новую строку:
var table = document.getElementById("t");
if (t != null)
{
	var tbody = t.getElementsByTagName("TBODY")[0]; 
	//тут нужна ещё одна проверка на null!
	var tr = document.createElement("TR");
	var td = document.createElement("td");
	tr.appendChild(td);
	td.innerHTML = "new";

	tbody.appendChild(tr);
}

P.S. А всё из-за IE: у него на  tbody.innerHTML += "<tr><td>new</td></tr>" вываливается Runtime Error.
Tags: javascript, work

  • Post a new comment

    Error

  • 3 comments

[info]ivan_gandhi

October 23 2005, 22:20:05 UTC 6 years ago

Я не знаю, писал ли уже глубокую благодарность за этот маленький перл - но вот пишу. Большое спасибо! Пишите ещё!

[info]a5etite

August 10 2007, 15:24:15 UTC 4 years ago

Для table, tbody и tr свойство innerHTML доступно только на чтение, поэтому при попытке присвоить ему что-то происходит ошибка 'Unknown runtime error'.

[info]svetkina

August 10 2007, 19:17:48 UTC 4 years ago

Спасибо, буду знать!
Create an Account
Forgot your login or password?
Facebook Twitter More login options
English • Español • Deutsch • Русский…