.innerHTML
breaking

Question

Why is this breaking? I've not used .innerHTML correctly before and don't know why this would be wrong.

function asdf() {
    document.getElementById("qwerty").innerHTML="A<br>
      B<br>
      C<br>
      D<br>";
}

http://stackoverflow.com/questions/805107/creating-multiline-strings-in-javascript — u8sand, Sep 24 '13 at 19:34

score 6 · Accepted Answer · answered Sep 24 '13 at 19:34

You have to escape new-lines in JavaScript string-literals:

function asdf() {
    document.getElementById("qwerty").innerHTML="A<br>\
      B<br>\
      C<br>\
      D<br>";
}

Though you could, potentially more-easily, simply insert newlines in the string itself:

function asdf() {
    document.getElementById("qwerty").innerHTML = "A<br>\nB<br>\nC<br>\nD<br>";
}

score 5 · Answer 2 · answered Sep 24 '13 at 19:34

5

Javascript string literals cannot contain newlines.

You can escape the newlines with backslashes:

var myString = "a\
b";

answered Sep 24 '13 at 19:34

SLaks

2 Answers2