I have set a variable, and I need to pull in this variable into a html element, but I cant get it to print out the value, this is the code:
<script>
var randomnumber=Math.floor(Math.random()*11)
</script>
<div id="<script type="text/javascript">document.write(randomnumber)</script>"></div>
Thanks.
Edit: I just used a div as an example, but i need to add a random number to an img tag, as it is for a tracking tag, and needs a unique identifier. Is there a better way to go about this?
Use
<script>
document.write('<div id="'+randomnumber+'" ></div>');
</script>
You can't open a script tag inside an attribute
document.write() is that it doesn't execute before </body>. What if I needed the javascript to execute before?
</body>, it executes exactly where it on the page. So if you put it before some HTML it depends on, it would break because it wouldn't find the node (because it hasn't yet been parsed)document.write('<img src="img.jpg">') when the page starts rendering, JS just writes <img src="img.jpg"> as plain text, until it reaches </body>, and then it renders as an image.document.write is immediately parsed by the browser once the script tag closes.Or you can create it using JS:
var randomnumber=Math.floor(Math.random()*11);
a = document.createElement('div');
a.setAttribute('id',randomnumber);
document.body.appendChild(a);
// if you know the exact class or ID where it is to be appended you can use
document.getElementsByClassName("myclass")[0].insertBefore(a, document.getElementsByClassName("beforeClass").firstChild);
This will create a div, with the id as the randomnumber and append it to the body
appendChild here because the OP seems to want the div to be placed exactly where this code is. Your code will append the div to the end of the body, which probably isn't desired.
document.body.appendChild(a); adds it as the last element at that moment, just like document.write would
document.write? In the end of 2012?