New line string from javascript

Question

I cant do new line from javascript, I tried to do that with \n, but nothing.

document.getElementById("text").textContent =  "hhh" + '\n' + "df";

<h1 id="text">
  abc
</h1>

T.J. Crowder · Accepted Answer · 2019-06-08 12:24:16Z

3

Changing textContent to innerText will do it.

document.getElementById("text").innerText =  "hhh" + '\n' + "df";

<h1 id="text">
  abc
</h1>

The line break behavior is standardized.

edited Jun 8, 2019 at 12:24

T.J. Crowder

1.1m201 gold badges2k silver badges2k bronze badges

answered Jun 8, 2019 at 11:50

Royi Namir

149k145 gold badges502 silver badges833 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

doğukan Over a year ago

interesting. I saw it for the first time.

T.J. Crowder Over a year ago

Very useful difference vs. textContent.

Royi Namir Over a year ago

@T.J.Crowder I think ( I cant remember) that there was another difference maybe with inner tags that are being displayed when you ask for innerText , while not displayed in the other method...but I think it might not relates to this ^.

T.J. Crowder Over a year ago

I know there are several differences. I rarely remember what they are, but this treatment of newlines is a major useful one... :-)

doğukan · Accepted Answer · 2019-06-08 11:48:14Z

2

Apparently you are pretty new in javascript. You should use <br> instead. \n new line for console outputs. Also you should use innerHTML instead of textContent.

document.getElementById("text").innerHTML =  "hhh" + '<br>' + "df";

<h1 id="text">
  abc
</h1>

With textContent

document.getElementById("text").textContent =  "hhh" + '<br>' + "df";

<h1 id="text">
  abc
</h1>

Console example:

console.log("abc\ndef");

edited Jun 8, 2019 at 11:48

answered Jun 8, 2019 at 11:46

doğukan

28k15 gold badges67 silver badges79 bronze badges

Collectives™ on Stack Overflow

New line string from javascript

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related