Добрый день! (утро, вечер, ночь).

При написании адресной книги столкнулся с проблемой - IE не устанавливает у строки атрибут ID. То есть, не ругается, не выдаёт ошибок - просто не устанавливает.
Вот код:

Код

// search - id таблицы var tablesearch = document.getElementById("search"); var tr; if (document.all ) tr = document.createElement("TR"); else tr = tablesearch.insertRow(tablesearch.rows.length); tr.setAttribute("id", "trlastcr"); if ( document.all )     tablesearch.appendChild(tr.appendChild(document.createElement("TD").appendChild(document.createTextNode("Текст в ячейке")))); else     tr.insertCell(tr.cells.length).appendChild(document.createTextNode("Текст в ячейке"));

То есть, он добавляет строку, добавляет ячейку - а атрибут "id" устанавливать не хочет.

Где грабли?

А так:

Код

// search - id таблицы var tablesearch = document.getElementById("search"); var tr; if (document.all ) tr = document.createElement("TR"); else tr = tablesearch.insertRow(tablesearch.rows.length); tr.id = "trlastcr"; if ( document.all )     tablesearch.appendChild(tr.appendChild(document.createElement("TD").appendChild(document.createTextNode("Текст в ячейке")))); else     tr.insertCell(tr.cells.length).appendChild(document.createTextNode("Текст в ячейке"));

В данном случае можно обойтись без setAttribute.

PHP-DIRECTOR, нет, не работает.
Если потом попробовать

Код

alert(document.getElementById("trlastcr");

IE выведет null.

diam
ну дык я не знаю как вы там делаете, но это дело надо вешать на событие onload, т.е. так:

Код

<html> <head> <script> function cool(){ // search - id таблицы var tablesearch = document.getElementById("search"); var tr; if (document.all ) tr = document.createElement("TR"); else tr = tablesearch.insertRow(tablesearch.rows.length); tr.id = "trlastcr"; if ( document.all )     tablesearch.appendChild(tr.appendChild(document.createElement("TD").appendChild(document.createTextNode("Текст в ячейке")))); else     tr.insertCell(tr.cells.length).appendChild(document.createTextNode("Текст в ячейке")); } </script> </head> <body onload='cool()'> ля-ля я нашел в саду кота </body> </html>

Поэтому и выводит нулл так как объекты еще не созданы, а мы уже к ним обращаемся :-) а вот после загрузки их создадут и тогда ОК.


Это сообщение отредактировал(а) PHP-DIRECTOR - 1.6.2005, 09:03

Хорошо.
Приведу полный код.

Код

<html> <head> <meta http-equiv="Content-Script-Type" content="text/javascript"> <script> function f2 () {   var tablesearch = document.getElementById("search");   var tr;   if ( document.all ) {     tr = document.createElement("TR");     tr.id = "trlastcr";     tablesearch.appendChild(tr.appendChild(document.createElement("TD").appendChild(document.createTextNode("Текст в ячейке"))));   }   else {     tr = tablesearch.insertRow(tablesearch.rows.length);     tr.setAttribute('id', 'trlastcr');     tr.insertCell(tr.cells.length).appendChild(document.createTextNode("Текст в ячейке"));   } } </script> </head> <body onLoad='f2(); alert(document.getElementById("trlastcr"));'> <table id="tablesearch"></table> <!-- После загрузки этого документа во всех браузерах, кроме ие, мы увидим что-то вроде object htmlTableRowElement Но только не в IE. --> </body> </html>

Поэтому, php-director, теория интересна - но не верна. Ех...

diam
поидеи, алертить нужно после исполнения кода. Используй задержку - setTimeout()

Aliance, alert - просто что-бы показать, что не работает setAttribute на элементах TR (возможно, не только TR) в IE. Можно проверить не только alert'ом, но и другими способами.
JavaScript - скриптовый язык изначально, имплементируется как последовательность комманд. Поэтому на результат кода можно посмотреть сразу за его исполнением. Во всех остальных браузерах, кроме IE, работает отлично.

А теперь самое смешное.
Если сделать так:

Код

<table><tr id="trx2"><td>Пробная ячейка в строке trx2</td></tr></table> <script> var trx = document.createElementById("trx2"); trx.setAttribute("id", "newtrx"); alert(trx.getAttribute("id")); </script>

На экран радостно выскочит newtrx. То есть, если в IE и в Опере (блин, в ней тоже надо) ввести строку заранее и прописать в ней id="xxx" (тоже заранее), то потом это значение можно изменять!!!

!	Весь оффтоп вырезан.

Это сообщение отредактировал(а) Aliance - 1.6.2005, 18:38

diam зачем выделять ИЕ, зачем скармливать ему DOM, вместo HTML DOM1... ? И вообще убери кучу ошибок в именах и идентификаторах

Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <head> <script type="text/javascript"> function f2 () {   var tablesearch = document.getElementById("tablesearch");      var tr = tablesearch.insertRow(tablesearch.rows.length);   tr.setAttribute("id", "trlastcr");   tr.insertCell(tr.cells.length).appendChild(document.createTextNode("Текст в ячейке")); } </script> </head> <body onLoad='f2(); alert(document.getElementById("trlastcr"));'> <table id="tablesearch"></table> <!-- После загрузки этого документа во всех браузерах, кроме ие, мы увидим что-то вроде object htmlTableRowElement Но только не в IE. (и вот тут мы ошиблись =) ) --> </body> </html>