Insert <br /> in a String in Javascript

Question

Let's say, I have a pretty long compund String:

var result = string1 + " - " + string2 + " - " + string3;

and I display the String in the Website by creating a new list item:

var listElement = document.createElement("li"),
container = document.querySelector("#resultlist"); //I have a <ul id="resultlist">
listElement.appendChild(document.createTextNode(result));
container.appendChild(listElement);

How can I add a <br /> tag between e.g. the second and the third part of the String? So, I need something like this:

result = string1 + " - " + string2 + " <br /> " + string3;

(But that attempt just displays the tag).
I also tried the \n command already, but this had no effect on the website output.

Thanks for your help!

Answer 1

The <br /> tag is HTML (at least you want it to be interpreted as HTML). You cannot add HTML to pages using createTextNode(), as the name suggests. You should use innerHTML instead.

var result = "First String" + " - " + "Second String" + " <br /> " + "Third String",
listElement = document.createElement("li"),
container = document.querySelector("#resultlist"); //I have a <ul id="resultlist">
listElement.innerHTML = result;
container.appendChild(listElement);

<ul id="resultlist"></ul>