在js的循环中应用换行符

Question

我想在 javascript 的循环中应用换行符。

我尝试从解决此问题的不同答案中使用<br> 、 <br/>和\n 。

但是，它们都不起作用。

这是一个例子：

 let arr = [1,2,3,4,5,6] let result = document.querySelector('p') for(let i = 0;i<arr.length;i++){ result.textContent += arr[i]+"<br>" result.textContent += arr[i]+"<br/>" result.textContent += arr[i]+"\n" }

 <p></p>

<br> , <br/>将出现在textContent中并且不应用换行符。

\n不会出现在textContent中，但不会应用换行符。

有谁知道如何解决这个问题？

感谢您的任何回复。

Answer 1

textContent将转义您传递的值 - 您应该改为设置innerHTML

 document.getElementById('1').textContent = "<br/>\n".repeat(6) document.getElementById('2').innerHTML = "<br/>\n".repeat(6)

 p { border: 1px solid black; }

 <h2>Set <code>textContent</code> </h2> <p id="1"></p> <h2>Set <code>innerHTML</code> </h2> <p id="2"></p>