Fatal编程技术网
  • javascript/
  • 使用来自变量的JavaScript填充表

使用来自变量的JavaScript填充表

javascript html

使用来自变量的JavaScript填充表,javascript,html,html-table,Javascript,Html,Html Table,我有这个表，ID是：r0c1=第0行第1列 我想用此脚本填充，但出现了一些问题（没有执行任何操作）： var data=new Array（）； var数据[0]=新数组（“999”、“220”、“440”、“840”、“1300”、“1580”、“2050”、“2860”、“4800”）； 变量数据[1]=新数组（“009”、“999”、“999”、“999”、“999”、“999”、“999”、“999”、“999”、“999”、“999”）； 对于（i=0；i

我有这个表，ID是：r0c1=第0行第1列 我想用此脚本填充，但出现了一些问题（没有执行任何操作）：

var data=new Array（）；
var数据[0]=新数组（“999”、“220”、“440”、“840”、“1300”、“1580”、“2050”、“2860”、“4800”）；
变量数据[1]=新数组（“009”、“999”、“999”、“999”、“999”、“999”、“999”、“999”、“999”、“999”、“999”）；
对于（i=0；i
删除
数据[0]
和
数据[1]
的变量定义
var
。出现错误是因为您重新定义了变量
数据

var data=new Array（）；
数据[0]=新阵列（“999”、“220”、“440”、“840”、“1300”、“1580”、“2050”、“2860”、“4800”）；
数据[1]=新数组（“009”、“999”、“999”、“999”、“999”、“999”、“999”、“999”、“999”、“999”、“999”、“999”）；
对于（i=0；i
您有几个问题：

1） 您不必在
数据[0]
和
数据[1]
前面使用“var”，因为它们成为数组中的内容，而不是变量。如果您想改为推送到数组，则只需要使用var

2） 我和j是全球性的，别忘了他们的var。（回路内的变量i和变量j）

3） 如果使用此技术，则必须确保html包含的单元格数量与其在数组中的元素数量相同。数组包含9个元素，但每个html行中只有6个单元格，因此脚本在试图查找第一行的第7个单元格时停止工作

<!DOCTYPE html>
<html lang="en">
<head>
    <style>
        .gone {
            display: none;
        }
    </style>
</head>
<body>
    <table> 
      <tr> 
        <td id="r0c0" width=60px></td>
        <td id="r0c1" width=60px></td>
        <td id="r0c2" width=60px></td>
        <td id="r0c3" width=60px></td>
        <td id="r0c4" width=60px></td>
        <td id="r0c5" width=60px></td>
        <td id="r0c6" width=60px></td>
        <td id="r0c7" width=60px></td>
        <td id="r0c8" width=60px></td>
        <td id="r0c9" width=60px></td>
      </tr>
        <tr> 
        <td id="r1c0" width=60px></td>
        <td id="r1c1" width=60px></td>
        <td id="r1c2" width=60px></td>
        <td id="r1c3" width=60px></td>
        <td id="r1c4" width=60px></td>
        <td id="r1c5" width=60px></td>
        <td id="r1c6" width=60px></td>
        <td id="r1c7" width=60px></td>
        <td id="r1c8" width=60px></td>
        <td id="r1c9" width=60px></td>
      </tr> 
    </table>
<script>
var data = new Array();
data[0] = new Array("999" , "220" , "440" , "840" , "1 300" , "1 580" , "2 050" , "2 860" , "4 800");
data[1] = new Array("009" , "999" , "999" , "999" , "999" , "999" , "999" , "999" , "999");

for (var i = 0; i < data.length; i++) {
    for (var j = 0; j < data[i].length; j++) {
        document.getElementById("r" + i + "c" + j).innerHTML = data[i][j];
    }
}   
</script>
</body>
</html>
或者更好：

var data = [
    ["999" , "220" , "440" , "840" , "1 300" , "1 580" , "2 050" , "2 860" , "4 800"],
    ["009" , "999" , "999" , "999" , "999" , "999" , "999" , "999" , "999"]
];
谢谢你的帮助和建议！ 
var data = [
    ["999" , "220" , "440" , "840" , "1 300" , "1 580" , "2 050" , "2 860" , "4 800"],
    ["009" , "999" , "999" , "999" , "999" , "999" , "999" , "999" , "999"]
];