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
– Maximus2012, Commented Jul 22, 2013 at 17:07
i edited.. check..just want to get the javascript variable and insert into the div tag. — user2605321
– user2605321, Commented Jul 22, 2013 at 17:08
You are possible asking this? stackoverflow.com/questions/2801729/… — Jake N
– Jake N, Commented Jul 22, 2013 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. stackoverflow.com/questions/3304014/… — Chris B
– Chris B, Commented Jul 22, 2013 at 17:09

Paul Roub · Accepted Answer · 2013-07-22 17:09:11Z

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, 2013 at 17:09

Paul Roub

36.5k27 gold badges88 silver badges95 bronze badges

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

Comments

zzlalani · Accepted Answer · 2013-07-22 17:10:31Z

0

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

answered Jul 22, 2013 at 17:10

zzlalani

24.6k16 gold badges48 silver badges73 bronze badges

Comments

OpenSorceress · Accepted Answer · 2013-07-22 17:15:36Z

0

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

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

answered Jul 22, 2013 at 17:15

OpenSorceress

2,00416 silver badges21 bronze badges

Comments

Christian Bekker · Accepted Answer · 2013-07-22 17:17:10Z

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, 2013 at 17:17

answered Jul 22, 2013 at 17:11

Christian Bekker

1,8675 gold badges27 silver badges44 bronze badges

Collectives™ on Stack Overflow

Adding javascript variable to html div tag

4 Answers 4

Comments

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Linked

Related