Adding javascript variable to html div tag

Question

I want to know if it's possible to add a javascript variable to html div tag just like php For example:

    $id = 1;
    <div id="test'.$id.'"></div>

<script>
var id = '1';
</script>
<div id="test..???.??"></div>

what exactly are you trying to do here? Is that all the code that you have ? — Maximus2012, Jul 22 '13 at 17:07
i edited.. check..just want to get the javascript variable and insert into the div tag. — user2605321, Jul 22 '13 at 17:08
You are possible asking this? http://stackoverflow.com/questions/2801729/passing-data-to-a-jquery-click-function — Jake N, Jul 22 '13 at 17:08
I think this is closely related to what you're asking, and unfortunately the answer is no....you can't use javascript variables in-line like that. http://stackoverflow.com/questions/3304014/javascript-variable-inside-string-without-concatenation-like-php — Chris B, Jul 22 '13 at 17:09
This may help: http://stackoverflow.com/questions/5805481/change-div-id-into-javascript-variable — Paul Bailey, Jul 22 '13 at 17:11

score 7 · Answer 1 · answered Jul 22 '13 at 17:09

7

Not as simply as that, no. You can do something like:

<script>
  var id = '1';
</script>

and then later:

<script>
  document.writeln('<div id="' + id + '">');
</script>

...

</div>

answered Jul 22 '13 at 17:09

Paul Roub

36,322
27
84
93

score 0 · Answer 2 · answered Jul 22 '13 at 17:10

You can try this

<div id="id_change"></div>    
<script>
var id = 1;
var set_id = document.getElementById("id_change").id + id;
document.getElementById("id_change").id = set_id;
</script>

Hope this answers your question

EDIT

Put the <script> code after the div else it wont find the div

Christian Bekker · Answer 3 · 2013-07-22T17:17:10.133

0

You could use Jquery's .attr() method? Take a look here: http://api.jquery.com/attr/

http://jsfiddle.net/PxUqU/2/

var currrentID = $("div").attr("id");
var someInt = 1;
$("div").attr("id", currrentID+someInt);

edited Jul 22 '13 at 17:17

answered Jul 22 '13 at 17:11

Christian Bekker

1,857
4
27
43

score 0 · Answer 4 · answered Jul 22 '13 at 17:15

0

var divs = document.getElementsByTagName("div"),
    newId = 1;

divs[0].setAttribute("id", newId);

answered Jul 22 '13 at 17:15

OpenSorceress

2,014
16
21

Adding javascript variable to html div tag

4 Answers4