Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Table DOM добавление строки (https://javascript.ru/forum/misc/10099-table-dom-dobavlenie-stroki.html)

mycoding 19.06.2010 11:19

Table DOM добавление строки
 
Подскажите, пожалуйста, как к существующей таблице добавить
строку. Пробовал копировать innerHTML уже существующих строк таблицы и добавлять к ней новую, но в этом случае все выбранные внутренние select тереяются.
Пробую через дом.
Т.е. надо добавить строку с огромным html кодом.

Пробую вот так
function $$(id){return document.getElementById(id);}
var newTrOfWindow="Огромный HTML Код",
     newElem=document.createElement('TR');

newElem.innerHTML=newTrOfWindow;
$$('AllWindows').appendChild(newElem);


НО не работает.

mycoding 19.06.2010 11:28

ОЙ ошибся, извините.

Орёл 19.06.2010 11:31

http://javascript.ru/tutorial/dom/mo...bavlenie-v-dom

mycoding 19.06.2010 11:39

Да да я эту статью читал. НО вот что странно
newTrOfWindow="Огромное количество td";
var newElem=document.createElement('TR');
				alert(newTrOfWindow);// Показывает что всё есть                                  
				newElem.innerHTML=newTrOfWindow;
				$$('AllWindows').appendChild(newElem);
///Все Td Исчесли

Т.е. всё что было в Td осталось, но сами TD исчезли это вообще как?

Орёл 19.06.2010 11:48

table1 = document.getElementById('table');

newelem = document.createElement('td');
newelem.innerHTML = 'Тутут текст в новом теги td';

table1.appendChild(newelem);


id таблицы должен быть table

mycoding 19.06.2010 12:20

Т.е. я так понял, что td можно добавлять только а не прописывать в innerHTML тогда появляется задача сделать кросбраузерное добавление стиля
newCell.setAttribute("class", "windowNumber");
newCell.setAttribute("className", "windowNumber");

Octane 19.06.2010 14:33

Для работы с таблицами в DOM есть специальный API http://webew.ru/articles/598.webew

Цитата:

Сообщение от mycoding
newCell.setAttribute("class", "windowNumber");
newCell.setAttribute("className", "windowNumber");

newCell.className = "windowNumber";

http://xpoint.ru/know-how/JavaScript/Atributyi


Часовой пояс GMT +3, время: 13:31.