在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 @