Помогите со скриптом нубику! )
 

Помогите пожалуйста разобраться со скриптом!
Я только изучаю JS, поэтому не кидайте помидорами )

Вообщем суть такая, я хочу создать таблицу, но вывод ее не document.write'om, а решил сделать на создании нового элемента.

Должно быть 7 строк и 7 столбцов.

Вот корень, который я написал:

<script type="text/javascript">

var container = document.getElementById ('container');
//Create TABLE
var tagTable = document.createElement ('TABLE');
var attributetagTable = tagTable.setAttribute('class', 'table');
var table = container.appendChild (tagTable);

//Create TR
var tagTr = document.createElement ('TR');
var attributetagTr = tagTr.setAttribute('class', 'tr');
var tr = tagTable.appendChild (tagTr);

//Create TD
var tagTd = document.createElement ('TD');
var attributetagTd = tagTd.setAttribute('class', 'td');
var td = tagTr.appendChild (tagTd);

Соответственно изначально родительский элемент id="container"

т.е. не могу понять как применить цикл , чтобы создалась таблица 7 на 7.

Предположение такое, что нужно занести tagTd , attributetagTd , td (и др. также) в массив и на массив уже наложить цикл for (var i = 1; i <=7; i++)

Если не трудно, помогите разобраться! )

Ну что, не может никто подсказать что-ли ? )

Как вариант:

<style type="text/css">
td {border: 1px black solid;}
</style>

<script type="text/javascript">
window.onload = function () {
    var container = document.getElementById('container');
    //Create TABLE
    var tagTable = document.createElement('TABLE');
    var attributetagTable = tagTable.setAttribute('class', 'table');
    var table = container.appendChild(tagTable);

    for (i = 0; i < 7; i++) {
        //Create TR
        var tagTr = document.createElement('TR');
        tagTr.setAttribute('class', 'tr');
        tagTable.appendChild(tagTr);

        //Create TD
        for (j = 0; j < 7; j++) {
            var tagTd = document.createElement('TD');
            tagTd.setAttribute('class', 'td');
            tagTd.innerHTML = j;
            tagTr.appendChild(tagTd);
        }
    }
}
</script>


<div id="container"></div>

спасибо большое !

kingrus,

поиск

Облазил весь интернет но ненашол как сделать таблицу !

Я такое не писал )