javascript variable for html tag id

Question

I have the following as the code but i when i debug it from the chrome. I have seen that the id names are all +someInput +demo things like that. My aim is to pass the javascript variables to the ids. How can i do that? Thanks in advance.

for(i=0;i<5;i++){
var demo5 = "demo5"+i;
var someInput ="someInput" +i;
var demo = "demo"+i;
var demo1 = "demo1"+i;
var demo2 = "demo2"+i;
var demo3 = "demo3"+i;
var demo4 = "demo4"+i;

 document.write('<tr>');
 document.write('<td><p id=""+demo5 ></p></td>');
document.write('<td><p id=""+someInput onclick="myFunction(),myFunction5()"></p>     </td>');
document.write('<td><p id=""+demo onclick="myFunction1(),myFunction5()"></p></td>');
 document.write('<td><p id=""+demo1 onclick="myFunction2(),myFunction5()"></p></td>');
 document.write('<td><p id=""+demo2 onclick="myFunction3(),myFunction5()"></p></td>');
 document.write('<td><p id=""+demo3 onclick="myFunction4(),myFunction5()"></p></td>');
 document.write('<td><p id=""+demo4 </p></td>');
 document.write('</tr>');}

document.write writes to the document everything passed in the argument, literally. — Teemu
– Teemu, Commented Sep 4, 2014 at 9:06

Máté · Accepted Answer · 2014-09-04 09:12:45Z

4

You need to concatenate the strings like

document.write('<td><p id="' + demo5 + '" ></p></td>');

in order to get your desired result. In your post, JS will interpret '... id=""+demo' as a string, not escaped and not using the variable value.

EDIT: per comments added the '+'

edited Sep 4, 2014 at 9:12

answered Sep 4, 2014 at 9:07

Máté

2,3453 gold badges20 silver badges26 bronze badges

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

1 Comment

onetwo12 Over a year ago

I think you are missing + after demo5.

Feroza · Accepted Answer · 2014-09-04 09:18:44Z

in your example variable treat as string thats whats it's interpret same. see below i have concaternate the variable enclose with ''

  for(i=0;i<5;i++){
var demo5 = "demo5"+i;
var someInput ="someInput" +i;
var demo = "demo"+i;
var demo1 = "demo1"+i;
var demo2 = "demo2"+i;
var demo3 = "demo3"+i;
var demo4 = "demo4"+i;

 document.write('<tr>');
 document.write('<td><p id=""+demo5 ></p></td>');
document.write('<td><p id=""+someInput onclick="myFunction(),myFunction5()"></p>     </td>');
document.write('<td><p id="'+demo+'" onclick="myFunction1(),myFunction5()"></p></td>');
 document.write('<td><p id="'+demo1+'" onclick="myFunction2(),myFunction5()"></p></td>');
 document.write('<td><p id="'+demo2+'" onclick="myFunction3(),myFunction5()"></p></td>');
 document.write('<td><p id="'+demo3+'" onclick="myFunction4(),myFunction5()"></p></td>');
 document.write('<td><p id="'+demo4+'"> </p></td>');
 document.write('</tr>');}

Collectives™ on Stack Overflow

javascript variable for html tag id

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related