Exerting style on innerHTML object

Dev Shed Forums Sponsor:

March 24th, 2006, 03:50 PM

askjoe

Contributing User

Join Date: May 2004

Posts: 491

Time spent in forums: 4 Days 2 h 7 m 53 sec
Reputation Power: 12

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:

Code:

document.getElementById("test").innerHTML = "<span id=\"test\">SomeTest</span>";


document.getElementById("test").style.color = "#DDDDDD";

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

Last edited by askjoe : March 24th, 2006 at 04:09 PM.

March 24th, 2006, 04:09 PM

Kravvitz

CSS & JS/DOM Adept

Dev Shed God 30th Plane (19500 - 19999 posts)

Join Date: Jul 2004

Location: USA

Posts: 19,893

Time spent in forums: 6 Months 2 Days 18 h 35 m 4 sec
Reputation Power: 4192

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.

__________________
Spreading knowledge, one newbie at a time. I'm available for hire at Dynamic Site Solutions.

Check out my blog. | Learn CSS. | PHP includes | X/HTML Validator | CSS validator | Common CSS Mistakes | Common JS Mistakes

Remember people spend most of their time on other people's sites (so don't violate web design conventions).

March 24th, 2006, 04:11 PM

askjoe

Contributing User

Join Date: May 2004

Posts: 491

Time spent in forums: 4 Days 2 h 7 m 53 sec
Reputation Power: 12

Quote:

Originally Posted by Kravvitz

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

Last edited by askjoe : March 24th, 2006 at 04:21 PM.

March 24th, 2006, 06:28 PM

CrAzY_J

Contributing User

Join Date: Mar 2005

Posts: 133

Time spent in forums: 3 Days 1 h 43 m 16 sec
Reputation Power: 10

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

March 24th, 2006, 08:09 PM

jst666

Contributing User

Join Date: Nov 2004

Location: Kurvi

Posts: 490

Time spent in forums: 1 Week 1 Day 10 h 56 m 39 sec
Reputation Power: 184

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

Code:

<div id="test">"<span id=\"test\">SomeTest</span></div>

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

__________________
Gabba Gabba Hey

Exerting style on innerHTML object

Developer Shed Advertisers and Affiliates