在桌子上显示 2D 数组?Javascript
Displaying 2d Array onto a table? Javascript
>我正在创建一个带有用户输入的 2d 数组。如何在 3 x 3 表上显示输入?
<script language = javascript>
var b = [];
for(var i=0; i<3; i++){
b[i] = [];
for(var j=0; j<3; j++){
b[i][j] = window.prompt("b["+(i+1)+","+(j+1)+"] = ?");
}
}
</script>
</head>
<body>
<table width="80%" border="2" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
你可以做这样的事情。
<!DOCTYPE html>
<html>
<head>
<style>
table {
font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
border-collapse: collapse;
width: 320px;
}
td {
border: 1px solid #CCC;
padding: 0 0.5em;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("#myRandomizeBtn").bind("click",randomizeHandler);
function randomizeHandler(evt){
var root=document.getElementById('mydiv');
var tab=document.createElement('table');
tab.className="mytable";
var tbo=document.createElement('tbody');
var row, cell;
var n = 3;
var data;
for (i=0; i<n; i++)
{
row=document.createElement('tr');
for(var j=0;j<n;j++){
cell=document.createElement('td');
data =window.prompt("b["+(i+1)+","+(j+1)+"] = ?");
cell.appendChild(document.createTextNode(data));
row.appendChild(cell);
}
tbo.appendChild(row);
}
tab.appendChild(tbo);
root.appendChild(tab);
}
});
</script>
</head>
<body>
<div id='mydiv'></div>
<button id = "myRandomizeBtn">Randomize</button>
</body></html>
这是一个工作小提琴
可以使用以下代码遍历和推送值
var table = document.getElementById("mytab1");
for (var i = 0, row; row = table.rows[i]; i++) {
//iterate through rows
//rows would be accessed using the "row" variable assigned in the for loop
for (var j = 0, col; col = row.cells[j]; j++) {
//iterate through columns
//columns would be accessed using the "col" variable assigned in the for loop
col.innerText = b[i][j]; //Set your value here
}
}
工作演示
从哈特索克遍历的参考@John答案在如何循环访问 javascript 中的表行和单元格?
相关文章:
- 如何遍历包含对象的数组-javascript
- 保存数组javascript
- 查找数组javascript中包含的元素类型
- 算法:从数组(javascript/angular)中按当前日期获取上一个和下一个事件
- 从多维数组javascript中提取特定值
- 如何在数组javascript中选择伪随机值
- 拆分字符串数组(JavaScript)后未定义
- 从数组JavaScript中删除并返回最后n个项的最快方法
- 使用条件for循环更新数组-Javascript
- 从数组javascript创建新对象
- 用数组(javascript)中的值替换regex捕获
- 从数组[Javascript]的总长度中减去一个干净的数字
- 将一个字符串数组解析为一个新的数组javascript
- 如何将对象转换为对象数组javascript
- 赢得't循环数组javascript
- 从不同的数组 JavaScript 中获取值
- 多维数组 JAVASCRIPT 出了点问题
- 可以't分配给一个对象数组javascript
- 比较数组JavaScript中的对象
- 如何完成缺少(连续)元素的数组|Javascript