javascript - 在 innerHTML 中添加“新行”

Question

我正在尝试创建一个表格，其中包含第一个单元格中的图像和第二个单元格中有关图片的信息。

我需要在一个单元格中添加不同的信息，如下所示：

cellTwo.innerHTML = arr_title[element] + arr_tags[element];

是否可以在那里添加“新行”？我的意思是这样的：

cellTwo.innerHTML = arr_title[element] + "/n" + arr_tags[element];

Answer 1

最简单的方法是在 html 中添加一个换行符

cellTwo.innerHTML = arr_title[element] + "<br />" + arr_tags[element];

如果您希望按字面意思对待换行符，则可以使用<pre>标签

cellTwo.innerHTML = 
    "<pre>" + arr_title[element] + "\n" + arr_tags[element] + "</pre>";

Answer 2

为了完善您的理解：

由于它是 html ( innerHTML)，它呈现 html，你可以使用任何你想要的 html，所以在这种情况下，只需添加一个好的老式<br>：

var test = document.getElementById('someElementId');
test.innerHTML = "The answer <br>to life, the universe, and everything...<br> is 42.";

如果它是一个字符串，例如在警告框或文本框等中，那么 /n 将是正确的：

alert('Never /n Forget your towel.'); 

快乐编码！
   - $cr1ptN!nj@

Answer 3

不，<br />在 asp .net 中不起作用，但你可以这样写

cellTwo.innerHTML = arr_title[element] + arr_tags[element]; arr_title[element] + "/n" + arr_tags[element];

编辑 - 包含在代码标签中的替代方案

cellTwo.innerHTML = arr_title[element] + arr_tags[element];
cellTwo.innerHTML += arr_title[element] + "/n" + arr_tags[element];

分号“;” 似乎充当换行符记住“+=”为字符串分配多个值