换行符不会连接

Posted 2023-05-07

【中文标题】换行符不会连接

【英文标题】：Line Break Won't Concatenate

【发布时间】：2019-01-17 12:21:29

【问题描述】：

我正在尝试以网格格式打印 9x9 2D javascript 数组，但无法通过换行符连接成可打印的字符串。当我想在方形网格中打印时，它会在一行中打印整个数组。代码如下：

function printBoard(board) 
    var toPrint = "";

    for (var i = 0; i < board.length; i++) 
        for (var j = 0; j < board.length; j++) 
         toPrint += board[i][j] + " ";
        
        toPrint += "\n";
    
    document.getElementById("printBoard").innerhtml = toPrint;

有人看到我没有看到的明显东西吗？我是 JavaScript 新手，所以如果它是一个明显的错误，请放轻松，但我不只是看到它。 innerHTML 函数不打印多行吗？它的 HTML 方面非常简单：

<p id="printBoard"></p> 

【问题讨论】：

在html中，需要

一个带有标签jsfiddle.net/708rw1zf/1的例子

Add a "new line" in innerHTML的可能重复

【参考方案1】：

换行符在 HTML 中大部分时间都不做任何事情。您需要使用换行元素：<br />，或将所有内容放入预格式化元素：<pre></pre>

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/br

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/pre

【讨论】：

修复了它。谢谢大家！

【参考方案2】：

HTML 中的换行符是<br>

另外，你的内部循环应该被初始化为for (var j = 0; j < board[i].length; j++)。要了解原因，请考虑数组 [[1, 2, 3], [1, 2 ,3]]。您当前的实现将打印

    1 2
    1 2

因为 board.length 是 2。

http://jsbin.com/focofecadi/1/edit?html,js,console,output