Создание Таблицы-матрицы при помощи JS
Подскажите , надо создать функцию при момощи метода document.write
и чтобы было характерное наполнение цифрами. как на кратинке ![]() Тут подсказывают, что надо использовать 2 мерные массивы еще, но пока руки дошли только до создания таблицы с помощью JS <table id="myDynamicTable"></table> function addTable() { var myTableDiv = document.getElementById("myDynamicTable"); var table = document.createElement('TABLE'); table.border = '1'; var tableBody = document.createElement('TBODY'); table.appendChild(tableBody); for (var i = 0; i < 5; i++) { var tr = document.createElement('TR'); tableBody.appendChild(tr); for (var j = 0; j < 5; j++) { var td = document.createElement('TD'); td.width = '75'; td.appendChild(document.createTextNode( " " + j)); tr.appendChild(td); } } myTableDiv.appendChild(table); } addTable() Подскажите пожалуйста, как ее корректно заполнить? |
Rocombo,
<!DOCTYPE html> <html> <head> <title>Untitled</title> <meta charset="utf-8"> <style type="text/css"> </style> </head> <body> <div id="myDynamicTable"></div> <script> function addTable() { var myTableDiv = document.getElementById("myDynamicTable"); var table = document.createElement('TABLE'); //table.border = '1'; var tableBody = document.createElement('TBODY'); table.appendChild(tableBody); for (var i = 0; i < 5; i++) { var tr = document.createElement('TR'); tableBody.appendChild(tr); for (var j = 0; j < 5; j++) { var td = document.createElement('TD'); //td.width = '75'; td.appendChild(document.createTextNode( j == i ? 1 : j < i ? 2 : 3 )); tr.appendChild(td); } } myTableDiv.appendChild(table); } addTable() </script> </body> </html> |
рони,
Вы лучший человек на Планете, спасибо! |
Часовой пояс GMT +3, время: 11:49. |