Element bei Mouseover löschen?

[Lupinius]

Salve

Wie kann ich ein dynamisch erzeugtes Element wieder löschen? Eine Eventhandler Zuweisung wie
element.onmouseover = "destroyElement(this);";
funktioniert ja leider nicht und eine andere Lösung fällt mir nich ein...

[ChrisB]

Hi,

Wie kann ich ein dynamisch erzeugtes Element wieder löschen?

Redest du von einem HTML-Element-Objekt, welches du erzeugt und ins DOM eingehängt hast?

Eine Eventhandler Zuweisung wie
element.onmouseover = "destroyElement(this);";
funktioniert ja leider nicht

Was soll daran "funktionieren", was soll destroyElement für eine Funktion sein und was macht sie?

Elemente aus dem DOM entfernen kann man bspw. mit removeChild.

MfG ChrisB

[Lupinius]

Salve

Elemente aus dem DOM entfernen kann man bspw. mit removeChild.

Ups, vergessen das zu ändern. Die Funktion ruft removeChild beim Elternobjekt auf (und macht ein bischen mehr).
Also destroyElement == removeChild.

[ChrisB]

Hi,

Ups, vergessen das zu ändern. Die Funktion ruft removeChild beim Elternobjekt auf (und macht ein bischen mehr).

Warte besser nicht darauf, dass ich jetzt rate, was "ein bisschen mehr" ist, und mir eine nachvollziehbare Beschreibung *deines* Problems selber ausdenke.

MfG ChrisB

[Lupinius]

Salve

"Ein bischen mehr" ist hier eigentlich unwichtig, deshalb habe ich es weggelassen.
Die Funktion ist Teil eines kleinen Spieles, das ich als Test (hab mich kaum mit Javascript beschäftigt) programmiere. Soll heißen, beim berühren der Elements wird dieses zerstört und die Punktzahl der Spielers um 1 erhöht. Genau das macht diese Funktion.
Mein Problem ist nur, dass ich nicht weiß wie ich den Eventhandler definieren muss. Würde das Element nicht dynamisch hinzugefügt werden würde
<div onmouseover="destroyElement(this);"></div>
funktionieren. Wie muss die Zuweisung unter Javascript aussehen?

Detailiert genug?

[ChrisB]

Hi,

Würde das Element nicht dynamisch hinzugefügt werden würde
<div onmouseover="destroyElement(this);"></div>
funktionieren. Wie muss die Zuweisung unter Javascript aussehen?

elementReferenz.onmouseover = funktionsReferenz;

Innerhalb der Funktion hast du über this Zugriff auf das Element.

Detailiert genug?

Eigentlich komplett andere Fragestellung.
Bitte frage das nächste mal gleich konkret nach dem, was du eigentlich wissen willst.

MfG ChrisB

[molily]

element.onmouseover = "destroyElement(this);";

Traditionelles Event-Handling

Häufiger Fehler: Auszuführenden Code als String zuweisen

funktioniert ja leider nicht und eine andere Lösung fällt mir nich ein...

element.onmouseover = destroyElement;  
  
function destroyElement () {  
   this.parentNode.removeChild(this);  
}

Zugriff mit this auf das Event-verarbeitende Element

Mathias