Attribute eines dynamisch erstellten Objekts setzen

[Rene Rose]

Hallo Kollegen!

Ich habe eine Java Script Funktion, die eine Dropliste und ein Label dazu erzeugt und in den Dokumentenbaum einhängt! Einige Attribute kann ich vorher schon festlegen. Nun gelingt es mir leider nicht, dem Objekt einen vordefinierten CSS Stil über das "Class" Attribut zu zuweisen. Die Funktion wird nicht ausgeführt!

  
function makeDropList(name, leftPos, topPos)  
{  
 var dropList = document.createElement("select");  
 dropList.id= name;  
 dropList.style.setAttribute("position","absolute");  
 dropList.style.left = leftPos + "px";  
 dropList.style.top = topPos + "px";  
 dropList.style.width = 150 + "px";  
 dropList.setAttribute( "class" ,"SELECT");  
 document.wlform.appendChild( dropList );  
  
 var listname = document.createElement("div");  
 listname.style.setAttribute("position","absolute");  
 listname.style.left = 5 + "px";  
 listname.style.top = topPos + "px";  
 listname.style.width = 40 + "px";  
 listname.style.textAlign = "center";  
 listname.style.setAttribute("border","1px solid white");  
 var listnametext = document.createTextNode(name);  
 listname.appendChild(listnametext);  
 document.body.appendChild(listname);  
}

Wie kann ich denn den erzeugten Objekten einen CSS Stil zuweisen??

Danke für die Antwort!

[wahsaga]

hi,

Nun gelingt es mir leider nicht, dem Objekt einen vordefinierten CSS Stil über das "Class" Attribut zu zuweisen.

http://de.selfhtml.org/javascript/objekte/htmlelemente.htm#universaleigenschaften

gruß,
wahsaga

[Rene Rose]

Vielen Dank Ihr beiden!

Ich habe gleich etwas gelernt!

Ich bin kein ausgebildeter Programmierer und habe mir dass, was ich kann selbst angelesen und "ausprobiert" Da ich in mehrere Sprachen arbeite wird es noch komplizierter! Sprichwörtlich wie auf dem Turm zu Babel!

Gruß aus Hannover!

Rene Rose

[lina-]

moin Rene :)

1. Wieso verfährst du für das attribut "postion" anders als für die anderen?
 dropList.style.position="absolute"; tuts genauso.
2. ein class-Attribut kannst du so hinzufügen: dropList.className="SELECT";. Wobei ich mir nicht sicher bin, ob "SELECT" ein glücklich gewählter Klassenname ist.

liebe Grüße aus Berlin
lina-

[Struppi]

document.wlform.appendChild( dropList );

Was ist das?

Struppi.