Add a "new line" in innerHTML

Question

I am trying to create a table with images in first cell and information about the pic in second cell.

I need to add different information in one cell, like that:

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

Is it possible to add a "new line" there? I mean like that:

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

Answer 1

The simplest way is by adding a line break as html

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

If you want your newlines to be treated literally, you could use the <pre> tag

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

Answer 2

To round out your understanding:

Since it is html (innerHTML) it renders html and you can use any html you wish, so in this case simply add an good old fashioned <br>:

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

If it were a string, such as in an alert box or text box etc. then /n would be correct:

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

Happy Coding!
   - $cr1ptN!nj@