如何使用 javascript 变量作为 html 的 div id？

Question

<script>
Var x="....";
<\script>
<div id = x> 
Some content 
<\div>

As u can see in the above code I want to use the variable x as div's id but its not working. Any suggestions plz...

Answer 1

You have to set the element's id in your javascript code. See the code snippet below, the text apppears red because the javascript attaches the id red , stored in your variable x , to the div .

 var x = 'red'; document.getElementsByTagName('div')[0].id = x;

 #red { color: red; }

 <div>Some content</div>

Answer 2

It is not impossible. If you want to add id to elements dynamically, you should wait until document will be loaded. Then run script like:

var el = document.querySelector() // with some selector rule
// and set  attribute 'id'
el.id = 'myId';

Perhaps you should tell what you want to do and find another way