помогите с таблицей
Здравствуйте, помогите создать таблицу средствами JS. К уже созданной таблице я могу добавлять строки и удалять их а вот чтоб создать таблицу с нуля чего то не выходит ни как. Пишу следующее:
t=document.createElement('table').tBodies[0];
r=t.insertRow(-1);
c=r.insertCell(0);
c.innerText='таблица';
document.body.appendChild(t);
Не хочет создаваться, выдает ошибку на строке r=t.insertRow(-1);:( Браузер у меня IE8 |
<!DOCTYPE html>
<script type = "text/javascript">
window.onload = function(){
document.body.appendChild(
function(rows, cols){
var table = document.createElement("TABLE"), tr, td;
for(var r = 0; r < rows; r ++){
table.appendChild(
(function(){
tr = document.createElement("TR");
for(var c = 0; c < cols; c ++){
tr.appendChild(
(function(){
td = document.createElement("TD");
td.innerHTML = "row: " + r + ", cell: " + c;
td.style.border = "1px solid red";
return td;
}())
)
}
return tr;
}())
)
}
return table;
}(10, 7)
)
}
</script>
|
Спасибо. Но у меня в IE не работает ( Хотя сейчас через IE зашел на сайт Ваш пример работает, копирую скрипт себе запускаю, не работает
|
Вы в своем браузере нажимали кнопочку "Посмотреть"? что здесь может не работать? У меня к сожалению только IE9, но этот код должен везде работать, здесь не используются всякие опасные методы createElement везде есть
|
он про это
с конца не вставляется r=t.insertRow(-1); |
Я просто не могу понять почему у меня не работает этот пример:
<script type = "text/javascript">
var oTbl=document.createElement("Table");
for(i=0;i<3;i++)
{
var oTR= oTbl.insertRow(i);
for(j=0;j<3;j++)
{
var oTD= oTR.insertCell(j);
oTD.InnerText="111";}
document.body.appendChild(oTbl);
</script>
Выдает ошибку: document.body is null or not an object Вроде ведь все правильно |
poorking, да извиняюсь работает Ваш код
|
melky,
в ie8 insertRow/Cell(-1) не работает? ну не знаю, я вообще этими методами никогда не пользовался
<!DOCTYPE html>
<script type = "text/javascript">
//Этот код на этой странице у меня тоже не работает
var table = document.createElement("TABLE");
for(var r = 0; r < 10; r ++){
var row = table.insertRow(-1);
for(var c = 0; c < 10; c ++){
var cell = row.insertCell(-1);
cell.innerHTML = r + "-" + c;
cell.style.border = "1px solid red";
}
}
document.body.appendChild(table);
</script>
Не знаю чего не работает. Мне этими методами и не приходилось пользоваться если честно, не знаю о их кроссбраузерности. Они нужны только если вместо insertBefore, так как он с таблицами в ie как раз вроде некорректно работает |
тег <body> забыли
<!DOCTYPE html>
<body></body>
<script type = "text/javascript">
var table = document.createElement("TABLE");
for(var r = 0; r < 10; r ++){
var row = table.insertRow(-1);
for(var c = 0; c < 10; c ++){
var cell = row.insertCell(-1);
cell.innerHTML = r + "-" + c;
cell.style.border = "1px solid red";
}
}
document.body.appendChild(table);
</script>
|
melky,
ай точно, предыдущий пример я завернул в window.onload, браузер его дорисовал |
melky, Спасибо, а что разве из за этих тегов может такая непонятка произойти? я их иногда вообще не пишу
|
simple,
Если будешь запускать скрипт по DOMReady или window.onload, то все будет нормально |
нужно быть проще: :)
<style type="text/css">
td {
background: #4D7481;
width: 20px;
height: 20px;
}
</style>
<script type="text/javascript">
window.onload = function() {
var table = document.createElement('table'), i = 5;
while(i--) {
var tr = table.insertRow(-1), j = 5;
while(j--) {
tr.insertCell(-1);
}
}
document.body.appendChild(table);
};
</script>
|
Спасибо , простота спасет мир :)
|
Хорошо, с таблицой вы мне помогли, а теперь как эту таблицу вывести например в контейнер Div с id=main?
|
Цитата:
плохо теорию знаете.почитайте про DOM тут а вставить будет как-то так
document.getElementById('main').appendChild( table );
|
Спасибо большое, а теорию я можно сказать вообще не знаю, только учусь :-?
|
simple,
alert(document.createElement('table').tBodies.length);
Цитата:
Цитата:
|
x-yuri,
Я неправильно выразился просто, ну я имел ввиду не кроссбраузерные и все такое, статью уже читаю, спасибо |
| Часовой пояс GMT +3, время: 21:47. |