Chräcker Heller: per DOM-2 zwei Attribute einhängen

Beitrag lesen

Hallo,

zuerst: ich bin in der Terminologie noch nicht ganz sattelfest ;-) also: ich habe im Body ein Div. In dieses möchte ich ein weiteres einhängen, das wiederum mit zwei Attributen versehen wird. (Und damit man was sieht, hänge ich auch noch einen Text mitten rein....)

ich habe es wie gleich folgt gemacht und habe folgende Probleme: der IE schaft nur ein Atrtribut (wenn ich also die andere Zuweisung aus dem Quelltext entferne), ansonsten "findet er einen Member nicht"... Der Opera läuft zwar durch, aber das zweite Attribut "onClick" nimmt er scheinbar nicht. Mozilla machts so, wie ich es mir dachte. Nun könnte ich natürlich die Stempelseite nur noch für den Mozilla öffnen, aber.... ;-)

Wo liegt mein Fehler? (Ach ja: das onClick nehme ich deswegen, weil der IE ja mit dem eventListener Probleme hat... freundlich ausgedrückt...)

Hier mein Script, das per onload aufgerufen wird...

<script type="text/javascript">
<!--
function init(){
  neuesdiv=document.createElement("div");
  erstesattribut = document.createAttribute("style");
  erstesattribut.nodeValue = "position:absolute; top:20px; left:20px;"
  neuesdiv.setAttributeNode(erstesattribut);

zweitesattribut = document.createAttribute("onClick");
  zweitesattribut.nodeValue ="test()";
  neuesdiv.setAttributeNode(zweitesattribut);

Text = document.createTextNode("neues Div eingefügt");
  neuesdiv.appendChild(Text);

document.getElementById("test").appendChild(neuesdiv);
}

function test(){
  alert("hm");}
//-->
</script>

und im Body liegt natürlich mein Div mit der id "test"

Danke,

Chräcker