Exerting style on innerHTML object

I am creating span tags on the fly in javascript. Each span is assigned an id. Once the script is done looping it prints this info to the screen. However, after the fact of printing - going to be based off of user input, I want to exert style(ie boldness, font-size, font-color) on a javascript generated tag: For example:



I've tried the above and doesn't seem to be working. Any suggestions?

IDs should be unique. You could use a class instead.

Class and ID Selectors
When should I use a class and when should I use an ID?

I don't think we can offer more help without seeing more of your code.

I have tried it both with id and class - I get the same result - no style applied to the tag - in both mozilla and IE

I get the following error:
document.getElementById("test") has no properties when I run the above code

you first need a HTML tag with the id "test" before you can grab it with "document.getElementById".

Assuming the original object you are creating your new span under, is, well let's say div, your output will be:


Since id has to be unique, your logic ain't right.