CSS style linken

[bn2vs]

Hey,

Ik heb een script waar ik zelf verschillende HTML elementen aanmaak. Nu zit ik met het probleem dat ik deze niet gelinked krych met de correcte CSS class.

Elk element dat ik maak krycht een ID (string + nummer). Aangezien ze dus allemaal verschillende zyn kan ik geen CSS id selector gebruiken. Tenzy ik daar iets met wildcards ofzo kan doen?

Ik kan blijkbaar via JS de style van de elementen die ik aanmaak niet zetten, dus kan ook niet met een CSS style selector werken.

Ter illustratie; dit is de css die ik gelinkt wil hebben:

.inner-more {
	text-align:center;
	font-size:12px;
	background-color: #fff;
	color: #000;
	border: 1px solid #fff;
	border-right-color: #b0b0b0;
	border-bottom-color: #c0c0c0;
	width:7em;
	cursor: pointer;
}

.inner-more.highlight {
	font-weight: bold;
	border: 1px solid #483D8B;
	border-right-color: #6495ed;
	border-bottom-color: #6495ed;
}

En dit is de JS die de elementen aanmaakt:

[JS] var textDiv = document.createElement("div");
textDiv.id = map.name + "-inner-more";
textDiv.appendChild(document.createTextNode("Overlays"));[/JS]

Hoe kan ik ze toch linken?

Alvast bedankt

Cheers!
Jeroen De Dauw

 

[That Guy]

wait, what?

Je wilt dus CSS aan je gegenereerde element hangen. Dit kan toch gewoon met... class?

<div class='something'></div>

/* css */

.something
{
   /* stuff */
}

[JS]var textDiv = document.createElement("div");
textDiv.setAttribute('id', map.name);

//add een class
textDiv.setAttribute('class', 'something');

textDiv.appendChild(document.createTextNode("Overlays"));[/JS]



:thumb:

 

[bn2vs]

Hey,

Daar was ik naar op zoek ja

[JS]textDiv.setAttribute('class', 'something');[/JS]

Werkt perfect. Thnx.

Cheers
Jeroen De Dauw