在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>：< / p>

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];

分号＆＃34;;＆＃34;似乎充当了换行符 记住＆＃34; + =＆＃34;为字符串

分配多个值