4 svar · 490 visningar · startad av vic
Hejsan!
Jag försöker ta bort ett element från sidan med javascript men det vill sig inte. I mozilla får jag uncaught exception att den inte hittar noden och i explorer säger den att det är ett ogiltigt argument. Ungefär så här gör jag
<div>
<p><a href="#" onclick="document.removeChild(this.parentNode.parentNode); return false;">Ta bort</a></p>
</div>
Det är alltså hela div som ska bort, en div som har skapats dynamiskt. Jag kommer inte kunna sätta något id på divven. Jag kommer heller aldrig veta exakt var i dokumentet som divven ligger. Vad är det jag gör fel?
mvh Vic
Du kan inte använda this på det sättet. Du behöver läsa ut DOM-target från eventobjektet för detta.
Typ så här:
function removeClickElement(e) {
var event = e || window.event;
var target = event.target || event.srcElement;
var toRemove = target.parentNode.parentNode;
toRemove.parentNode.removeChild(toRemove);
}
Så får du anropa funktionen så här:
<a href="#" onclick="removeClickElement();return false;">
Koden är inte testad, men konceptuellt ska det funka.
Glöm inte att skicka in event till removeClickElement() :)
Förstås. Jag är så van vid att jobba med YUI.event, så får man sånt gratis. :)
Tackar så hemskt mycket!