Форум программистов [Powered by Invision Power Board]

Код

<html>
<head>
<script type="text/javascript">
var myArray = new Array();
myArray[0] = new Array(1,2,3);
myArray[1] = new Array(1,2,3);
myArray[2] = new Array(1,2,3);

function createTable(tableID) 
{
    if(document.getElementById(tableID))
    {
        alert("таблица уже существует");
        return;
    }
    /* Создаем таблицу */
        var tbl=document.createElement("table");
    /* Назначаем ID */
    tbl.id=tableID;
        var tblBody=document.createElement("tbody");

    for(y=0;y<myArray.length;y++)
    {
        /* Создаем строчку */
             var row=document.createElement("tr");
        for(x=0;x<myArray[y].length;x++)
        {
            /* Создаем ячейку */
                 var cell=document.createElement("td");
            /* Заполняем ячейку */
                 cell.appendChild(document.createTextNode(myArray[y][x]));
            /* Заполняем стиль */
            cell.style.background=x%2?"green":"red";
            /* Добавляем ячейку в строку */
                 row.appendChild(cell);
            
        }
        /* Добавляем строку в таблицу */
             tblBody.appendChild(row);

    }
    /* Добавляем body в table */
        tbl.appendChild(tblBody);
    /* Добавляем таблицу на страницу */
        document.getElementsByTagName("body")[0].appendChild(tbl);
}
function readTable(tableID)
{
    
    var tbl=document.getElementById(tableID);
    if(!tbl)
    {
        alert("Таблица не существует");
        return;
    }
    /* Проходим по всем строкам таблицы */
    for(y=0;y<tbl.rows.length;y++)
    {
        /* Проходим по всем ячейкам строки */
        for(x=0;x<tbl.rows[y].cells.length;x++)
        {
            /* Получаем текст в ячейке */
            tbl.rows[y].cells[x].innerHTML;
            /* Добавляем текст на страницу */
            document.getElementsByTagName("body")[0].appendChild(document.createTextNode(tbl.rows[y].cells[x].innerHTML));
        }
        /* Перевод на следующию строчку */
        document.getElementsByTagName("body")[0].appendChild(document.createElement("BR"));
    }
}
</script>
</head>
<body>
    <input type="button" onclick="createTable('table1')" value="create table" /> <input type="button" onclick="readTable('table1')" value="read table" />
</body>
</html>