how to change array output

Question

I have an array "DArr" that I want to display all the content. I use this code to set the input to the html id

 document.getElementById("output").innerHTML = [DArr];

the output as expected is in this format

1,2,3,4,5

what I want is have the output in this format

1

2

3

4

5

how can I implement this?

Intervalia · Accepted Answer · 2017-12-13 15:02:21Z

4

Try this:

var output = document.getElementById("output");
var dArr = [1,2,3,4,5];

dArr.forEach(
  function(val) {
    var newEl = document.createElement('div');
    newEl.textContent = val;
    output.appendChild(newEl);
  }
);

<div id="output"></div>

Or try this:

dArr = [2,3,4,5,6];

document.getElementById('output').innerHTML = dArr.join('<br/>');

<div id="output"></div>

answered Dec 13, 2017 at 15:02

Intervalia

11.1k2 gold badges35 silver badges71 bronze badges

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

Comments

GGO · Accepted Answer · 2017-12-13 15:01:10Z

2

Try this with using join function :

document.getElementById("output").innerHTML = DArr.join("<br />");

Documentation here

answered Dec 13, 2017 at 15:01

GGO

2,7484 gold badges22 silver badges43 bronze badges

Comments

Chris · Accepted Answer · 2018-02-06 14:54:52Z

0

innerHTML can accept a string of HTML. You can combine this with Array.join to combine your output with <br /> tags to create the desired effect:

var html = DArr.join('<br />');
// 1<br />2<br />3<br />4<br />5

document.getElementById("output").innerHTML = html;

edited Feb 6, 2018 at 14:54

answered Dec 13, 2017 at 15:01

Chris

3,3281 gold badge34 silver badges40 bronze badges

1 Comment

Intervalia Over a year ago

innerHTML is a property, not a function.

Collectives™ on Stack Overflow

how to change array output

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related