ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Таблица!
10 сообщений из 10, страница 1 из 1
Таблица!
    #38333645
Denis1991
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Denis1991
Участник
Здраствуйте! Стоит такая задача в существующей таблице(колонок 7) нужно добавить 3 строки.
Это не проблема, но нужно их как то добавить с помощью скрипта.
...
Рейтинг: 0 / 0
17.07.2013, 09:33
| Ответить | Цитировать | Написать  
Таблица!
    #38333696
mhx
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
mhx
Гость
Чистый JS или jQuery? Во втором случае смотрите методы append()/prepend()
...
Рейтинг: 0 / 0
17.07.2013, 10:15
| Ответить | Цитировать | Написать  
Таблица!
    #38333699
Програмёр
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Програмёр
Участник
Denis1991,

innerHTML. Других способов вроде нету, насколько помню tr и td не являются элементами DOM дерева.
...
Рейтинг: 0 / 0
17.07.2013, 10:18
| Ответить | Цитировать | Написать  
Таблица!
    #38333705
Denis1991
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Denis1991
Участник
mhxЧистый JS или jQuery? Во втором случае смотрите методы append()/prepend()

JS!
...
Рейтинг: 0 / 0
17.07.2013, 10:20
| Ответить | Цитировать | Написать  
Таблица!
    #38333709
Denis1991
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Denis1991
Участник
ПрограмёрinnerHTML.

Может что-то вроде
Код: javascript
1.
2.
3.
4.
5.
6.
for(var i=0; i<3;i++){
    var tr = document.createElement('tr');
    tr.innerHTML = '<td>новая строка</td>';
    var table = document.getElementById('id вашей таблицы');
    table.appendChild(tr);
}
...
Рейтинг: 0 / 0
17.07.2013, 10:22
| Ответить | Цитировать | Написать  
Таблица!
    #38333868
The_ShadoW
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
The_ShadoW
Участник
ПрограмёрDenis1991,

innerHTML. Других способов вроде нету, насколько помню tr и td не являются элементами DOM дерева.
Здрасьте. Являются, конечно.
...
Рейтинг: 0 / 0
17.07.2013, 11:58
| Ответить | Цитировать | Написать  
Таблица!
    #38333955
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Элементами dom-дерева являются даже те элементы, которые не являются html-элементами. :)
...
Рейтинг: 0 / 0
17.07.2013, 12:47
| Ответить | Цитировать | Написать  
Таблица!
    #38334033
Програмёр
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Програмёр
Участник
AntonariyЭлементами dom-дерева являются даже те элементы, которые не являются html-элементами. :)

Значит неправильно помню... было что-то подобное, видимо перепутал :). Ну тогда обычный append подходит тоже. И стоит выбирать тот вариант, который удобнее в данном случае.
...
Рейтинг: 0 / 0
17.07.2013, 13:17
| Ответить | Цитировать | Написать  
Таблица!
    #38335237
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
Denis1991,

 
по мотивам гугла
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
<!--
Порывшись в Javascript доках, я нашёл всего несколько кроссбраузерных функций, отвечающих стандарту W3C. Используя которые, тем не менее, можно творить с html таблицей
всё что угодно:
Метод             Описание
createCaption()	Создает пустой элемент заголовка и добавляет его в таблицу
createTFoot()	Создает пустой элемент TFOOT и добавляет его в таблицу
createTHead()	Создает пустой элемент THEAD и добавляет его в таблицу
deleteCaption()	Удаляет первый элемент caption
deleteRow() 	Удаляет строку из таблицы
deleteTFoot()	Удаляет элемент TFOOT из таблицы
deleteTHead()	Удаляет элемент THEAD из таблицы
insertRow()	Создает пустую строку и добавляет её в таблицу
-->
<html>
<head>
<script>
function InsertTop() {
  var table=document.getElementById("myTable");
  var row=table.insertRow(0);
  var cell1=row.insertCell(0);
  var cell2=row.insertCell(1);
  cell1.innerHTML = "Text on top 1";
  cell2.innerHTML = "Text on top 2";
 }
function AddBottom() {
  var table=document.getElementById("myTable");
  var row=table.insertRow(-1);
  var cell1=row.insertCell(0);
  var cell2=row.insertCell(1);
  cell1.innerHTML = "Text on bottom 1";
  cell2.innerHTML = "Text on bottom 2";
 }
function AddColumn() {
  var el = document.getElementById('myTable');
  var rows_cnt = el.rows.length;
  var cols_cnt = el.rows[0].cells.length;
  var cell;
  var i;
  
  for (i = 0; i < rows_cnt; i++) {
	cell = el.rows[i].insertCell(1);
    cell.innerHTML = el.rows[i].cells[cols_cnt].innerHTML;
  }

}

 </script>
</head>
 
<body>
<table id="myTable" border="1" cellspacing="0">
<tr>
  <td>cell 1</td>
  <td>cell 2</td>
</tr>
<tr>
  <td>cell 3</td>
  <td>cell 4</td>
</tr>
</table>
<br>
<button type="button" onclick="InsertTop()">Вставить строку наверх</button> <button type="button" onclick="AddBottom()">Вставить строку вниз</button>
<br><button type="button" onclick="AddColumn()">Добавить столбец</button>
</body>
</html>

...
Рейтинг: 0 / 0
18.07.2013, 11:21
| Ответить | Цитировать | Написать  
Таблица!
    #38335303
Denis1991
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Denis1991
Участник
Большое спасибо!!!
...
Рейтинг: 0 / 0
18.07.2013, 11:56
| Ответить | Цитировать | Написать  
10 сообщений из 10, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Таблица!
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38333955&tid=1448108]:
 0ms
get settings:
 10ms
get forum list:
 21ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 198ms
get topic data:
 13ms
get forum data:
 3ms
get page messages:
 53ms
get tp. blocked users:
 1ms
others: 245ms
total:  552ms
созд. / загр.: 552ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]