Добавление строк в таблицу
есть таблица
<table id='table'> <tr id='tr_1'> <td>1_1</td> <td>1_2</td> <td>1_3</td> <td>+ -</td> </tr> <tr id='tr_2'> <td>2_1</td> <td>2_2</td> <td>2_3</td> <td>+ -</td> </tr> </table> как в ней добавлять в нужной строке подстрои и там же их удалять те добавлять строки только для <tr id='tr_1'> напрмиер и там же их удалять |
Что есть "подстрока"?
|
<tr id='tr_1'>
<td>1_1</td> <td>1_2</td> <td>1_3</td> <td>+ -</td> </tr> это строчка вот нужно сделать чтобы можно было добавлять строчки в таблице но не просто в конец а именно под каждой где будет стоять ссылка на добавление как это сделать пока не могу понять ( |
<table id="table1" border="1"> <tr id="tr11"><td id="td11">11</td><td id="td12">12</td> <tr id="tr21"><td id="td21">21</td><td id="td22">22</td> </table> var tr11 = document.getElementById('tr11'); //берем первую строку var table = document.getElementById('table1'); var tr31 = document.createElement('tr'); //создаем еще строку var td31 = document.createElement('td'); td31.innerHTML = '31'; //создаем столбец var td32 = document.createElement('td'); td32.innerHTML = '32'; //создаем еще столбец //tr11.appendChild(td31); так можно добавить в первую строку столбец tr31.appendChild(td31); //кладем в новосозданную строку первый новосозданный столбец tr31.appendChild(td32); //кладем в новосозданную строку второй новосозданный столбец table.appendChild(tr31); //кладем в таблицу новосозданную строку (последней) table.insertBefore(tr31, tr11) увы не работает в FF, поэтому в других даже не стал смотреть. |
хм
что то у меня не работает |
Цитата:
|
Kolyaj
а можно пример? |
stanlee, ну пример будет, если задачу нормально опишите, додумывать за вас ничего не хочется.
|
да яж вроди отписал кудаж еще более непойму
|
вот на ом примере попробую еще раз
<table id="table1" border="1"> <tr id="tr11"> <td id="td11">11</td> <td id="td12">12</td> <td><a href="">+</a> <a href="">-</a></td> </tr> <tr id="tr21"> <td id="td21">21</td> <td id="td22">22</td> <td><a href="#">+</a> <a href="">-</a></td> </tr> </table> в строке id которой tr11 по ссылке + добавляем срочку в таблицу те вставляем новую строчку кода между строками tr11 и tr21 <tr> <td> </td> <td> </td> <td> </td> </tr> если снова нажмем + то снова вставляется строка под уже вставленную и т.д. если нажать ссылку + в строке с id tr21 то вставялем строчку между tr21 и tr31 и так далее но что то у меня не получается ( |
Часовой пояс GMT +3, время: 06:48. |