Erstellen eines Elements, entfernen Sie es selbst?

Baue ich eine lightbox als Schulprojekt, und ich kann nicht mit jQuery. Ich habe ein Bild. Wenn Sie darauf klicken, Javascript macht ein transparentes div mit der ID "overlay". Ich möchte das div zu entfernen selbst, oder die Eltern, um es zu entfernen, aber es funktioniert nicht. Ich denke, es hat mit der Tatsache zu tun, dass man nicht link 'onclick' auf ein element, das nicht existiert.

  • Das ist richtig, das können Sie nicht. So legen Sie die Haken nach dem Sie hängen Sie es an den Körper. Auch Ihre Frage profitieren würde einige code und Beispiele, was du versucht hast und was genau schief läuft.
  • Kannst du bitte posten Sie Ihre aktuellen HTML-Ausgabe und Skript bitte verwenden Sie zum erstellen der überlagerung. Vielleicht können wir so eine setTimeout wenn Sie es entfernen wollen automatisch basierend auf einigen vergangen Zeit, wenn dies möglich ist, oder wir können ein Ereignis hinzufügen, um das übergeordnete element, um es zu entfernen. Es würde es viel einfacher mit den relevanten code aber.
InformationsquelleAutor Sam | 2013-03-27
  1. 21

    Müssen Sie zum entfernen des Elements aus dem übergeordneten Element. So etwas wie dieses:

    d = document.getElementById('overlay');
d.parentNode.removeChild(d);

    Oder Sie könnten nur verstecken:

    d.style.display = 'none';

    Und, ach ja: Sie können Javascript-code einfügen, um eine (neu erstellte) element durch die Zuweisung einer Funktion an den onclick-Attribut.

    d = document.createElement('div');
d.onclick = function(e) { this.parentNode.removeChild(this) };
    InformationsquelleAutor bart
  2. 1

    Nicht die onclick - handler im tag verwenden Javascripts Ereignis-Funktionen wie addEventListener () dynamisch fügen Sie den Fall zu den Elementen. Sie sollten auch sicherstellen, dass, wenn Sie entfernen Sie die Elemente, die Sie richtig clean up alle Ihre Referenzen (in anderen Worten, die Registrierung der event Handler).

    • Downvote Sinn erarbeiten?
    InformationsquelleAutor Brandon Buck
  3. 1

    Können Sie entfernen Sie das element wie folgt

    var el = document.getElementById('div-02');
el.remove(); //Removes the div with the 'div-02' id

    Klicken Sie hier für mehr details

    InformationsquelleAutor Masum Billah
  4. 0

    Habe ich es 🙂
    Ich Tat es wie bart traurig, aber es hat nicht funktioniert. mein code sah so etwas wie dieses:

    image.onclick = function(){ *create overlay*};
overlay.oncklick = function() {*overlay.parentNode.removeChild(overlay)*};

    den browser geht wie wtf? Ursache es liest den code und denkt sich "ich kann nicht überprüfen, ob der Benutzer auf ein nicht vorhandenes element."
    Also ich habe das:

    image.onclick = function(){

*create overlay*

overlay.onclick = function() {*remove overlay*};
};
    • thnx jeder!
    InformationsquelleAutor Sam
Schreibe einen Kommentar