Создание Таблицы-матрицы при помощи 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, время: 20:24. |