How to add line break in textContent (JS)?

Question

This is a snippet of code, I want to add a line break after each statement. Tried using "/r/n" and "<-br>" none of them seem to work fine.

**else {
    para.textContent = num + ' squared is ' + squared(num) + '. ' +
    num + ' cubed is ' + cubed(num) + '. ' +
    num + ' factorial is ' + factorial(num) + '.';
      }**

score 2 · Answer 1 · edited Oct 19 '18 at 18:14

2

Instead of textContent you can use innerHTML and <br />s.

para.innerHTML = num + ' squared is ' + squared(num) + '.<br />' +
    num + ' cubed is ' + cubed(num) + '.<br />' +
    num + ' factorial is ' + factorial(num) + '.';

You can also solve this using CSS. Just add this style white-space: pre; to the target element: para.setAttribute('style', 'white-space: pre;');

edited Oct 19 '18 at 18:14

A. Meshu

4,053
2
20
34

answered Oct 19 '18 at 17:59

Alvaro Castro

811
1
9
26

there are also various things you can do in CSS to get line breaks recognised like the `pre` tag does – Sam Mason Oct 19 '18 at 18:02
This won't work cause you can't insert elements (ie br) to textContent – A. Meshu Oct 19 '18 at 18:02
@A.Meshu good catch! I edited my answer now. Thanks! – Alvaro Castro Oct 19 '18 at 18:05
Instead of using .textcontent or .innerHTML, you can use .innerText. The
elements would be seen as line breaks. – Kardi Teknomo Oct 15 '19 at 09:38

How to add line break in textContent (JS)?

1 Answers1