How to include variable when creating button with Javascript?

Question

I'm creating buttons dynamically from a javascript for loop by adding this code.

var container = document.getElementById('myList');
var new_element = document.createElement('li');
new_element.innerHTML = '<button type="button" id="">label</button>';

I need to add elements from an array to both the buttons id and label. Like this for example;

arrMarkers[i].title

How can I enclose these array values in the string that creates the button?

whats the issue? its a usual concate '<button type="button" id="'+arrMarkers[i].title+'">label</button>'; — Rab Khan
– Rab Khan, Commented Mar 12, 2013 at 10:48
Did you get button over there...?? As far i know , you wouldn't get any button — Prasath K
– Prasath K, Commented Mar 12, 2013 at 10:55

Fabien · Accepted Answer · 2013-03-12 10:48:03Z

1

newElement.innerHTML = '<button type="button" id="' + arrMarkers[i].id + '">' + arrMarkers[i].title + '</button>';

answered Mar 12, 2013 at 10:48

Fabien

13.6k10 gold badges48 silver badges66 bronze badges

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

Comments

Rab Khan · Accepted Answer · 2013-03-12 11:03:01Z

1

As I understood, you are looking for string concatenation:

new_element.innerHTML = '<button type="button" id="' + arrMarkers[i].id + '">' + arrMarkers[i].title + '</button>';

edited Mar 12, 2013 at 11:03

Rab Khan

35.7k4 gold badges52 silver badges66 bronze badges

answered Mar 12, 2013 at 10:48

VisioN

146k35 gold badges287 silver badges291 bronze badges

4 Comments

VisioN Over a year ago

:D Who didn't like string concatenation?

Nek Over a year ago

can't get why this answer is downvoted. can someone explain this to me?

Rab Khan Over a year ago

may be its too simple for Vision to Answer...:). Why not upvote if it deserve one. and make the downvote meaningless

VisioN Over a year ago

@RabNawaz Ha! Sorry for easy answer :) You are very welcome to even the overall score ;)

Collectives™ on Stack Overflow

How to include variable when creating button with Javascript?

2 Answers 2

Comments

4 Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

4 Comments

Related