目前,我有一个二乘二阵列: let gameBoard = [[0, 0, 0, 0], [0, 0, 0, 0], [0, 0, 0, 0], [0, 0, 0, 0]]
我想在我的网页上打印此数组。我是通过使用document.write()来实现的。
function updateScreen(){
for(var i=0; i<4; i++){
for(var j=0; j<4; j++){
document.write('<span>' + gameBoard[i][j] + ' </span>')
}
document.write("<br><br>")
}
}
这将在网页上以2x2矩阵的形式显示阵列,如下所示:
0 0 0 0
0 0 0 0
0 0 0 0
0 0 0 0
这就是我想要的布局。但是,document.write()函数会删除所有现有的html代码。如何在原始网页上显示阵列?此外,它需要以我可以用css样式的方式显示。
4条答案
按热度按时间1l5u6lss1#
这里有一种用它填充表的方法。因为您有一个数据网格,所以这是理解它的一种可能方式。
ymdaylpp2#
下面是一个与您的使用相匹配的解决方案
span
s、 并利用DocumentFragment
对象,以减少回流次数。n53p2ov03#
附加到正文的innerhtml:
h7wcgrx34#
javascript创建输出的方法还有很多。
document.write()删除以前的所有内容。有一个更好的办法:
更多信息:https://www.w3schools.com/js/js_output.asp