Hoe te verwijderen een Element met JavaScript



JavaScript-functies kunnen toevoegen en verwijderen van elementen in een webpagina. De HTML-elementen op een webpagina zijn onderverdeeld in een ""-boomstructuur, die toegankelijk is voor JavaScript-functies binnen de pagina. Door te navigeren deze structuur, vermag een JavaScript-functie eerst Zoek een element en deze vervolgens verwijdert met een verwijzing naar het bovenliggende element. JavaScript-functies om te verwijderen van elementen maken is niet typisch moeilijk en is een goede vaardigheid te leren als u Web programmeren vaardigheden ontwikkelen.

  • Het maken van uw Web-pagina met het element dat u wilt verwijderen. Voer de volgende code in een nieuw bestand in een teksteditor en sla het met ". HTML"als de bestandsextensie:

    Verwijder Me

    Dit is een eenvoudig voorbeeldpagina om aan te tonen van het beginsel van het verwijderen van een HTML-element, zodat de pagina alleen het element dat bevat moet worden verwijderd. Het element is toegewezen een "onclick"-functie, wat betekent dat wanneer de gebruiker erop klikt, een JavaScript-functie zal worden genoemd en het kenmerk van de "id" element doorgegeven.

  • Maak uw JavaScript-functie. Voer een gebied voor code in de head-sectie van uw pagina, tussen het openen en sluiten van koptags:

    Hiermee wordt de functie die wordt aangeroepen op het te klikken op het pagina-element. Merk op dat de naam van de functie overeenkomt met het element 'onclick'-functie. De parameter "divID" geeft de ID-waarde doorgegeven wanneer het element wordt geklikt.

  • Zoek naar het element wordt geklikt. Voeg de volgende binnen uw JavaScript-functie, tussen het openen en sluiten functie haakjes:

    var childElem = document.getElementById(divID);

    Deze maakt gebruik van de doorgegeven waarde van de ID op zoek naar het element binnen de HTML-pagina. De variabele "childElem" heeft nu een aanwijzer op het element waarop is geklikt. Vervolgens kunt u deze verwijzing voor verdere verwerking.

  • Zoek het bovenliggende element van het element wordt geklikt. Als wilt verwijderen een element, moet u een verwijzing naar de bovenliggende verwerven en vervolgens instrueren dit element te verwijderen van het onderliggende element dat u probeert te vernietigen. Voeg de volgende code om het verkrijgen van een verwijzing naar de ouder:

    var parentElem = childElem.parentNode;

    Uw code is nu een verwijzing naar het element moet worden verwijderd en het bovenliggende element.

  • Het element van uw pagina verwijderen. Voeg de volgende code, de verwijdering operatie uitvoeren:

    parentElem.removeChild(childElem);

    Dit roept een methode op het bovenliggende element, instructie om te verwijderen van de kind-element dat is opgegeven als een parameter. Sla het bestand op en open de pagina in een webbrowser te testen. Klik op de tekst van het element en u moeten zien verdwijnen. Het opnieuw testen, Vernieuw de pagina en klikt u nogmaals op.

Tips & waarschuwingen
  • JavaScript-functies kunnen openen en verwijderen van elk pagina-element.
  • Wees voorzichtig met het verwijderen van elementen in het geval je per ongeluk naar verwijzen en verwijderen van verkeerde.

Gerelateerde Artikelen

Hoe te verwijderen een vuilophaal met InSinkErator

Hoe te verwijderen een vuilophaal met InSinkErator

InSinkErator vuilnis desinvesteringen, terwijl duurzaam, niet eeuwig duren en kan daar komen een tijd wanneer u moet installeren van een nieuwe transactie. Voor het onbekende, kan het moeilijk om te beslissen hoe het te verwijderen, maar het is mogel
Hoe te verwijderen een mol met wrat Remover

Hoe te verwijderen een mol met wrat Remover

Het verwijderen van moedervlekken kunnen een tijdrovende en dure taak zijn. Mollen zijn het best verwijderd door uw arts, maar de procedure is niet altijd gedekt door verzekering. In tegenstelling tot de wratten, het verwijderen van mollen met eenvou
Hoe te vullen een tabelcel met JavaScript

Hoe te vullen een tabelcel met JavaScript

Bewerken van HTML-tabellen, is JavaScript vereist. Het objectmodel voor HTML-documenten of DOM, biedt ontwikkelaars de mogelijkheid om JavaScript te gebruiken om de eigenschap "innerHTML" van elk element op een webpagina met inbegrip van cellen
Hoe te verwijderen een Element vast elektrische Water Heater

Hoe te verwijderen een Element vast elektrische Water Heater

Verwijderen van een stuc elektrische water kachel element kan even duren; maar het is zeer uitvoerbaar. Voorbereiding is de sleutel voordat u begint van dit project. Hebben van alles, u nodig gemakkelijk beschikbaar zal versnellen element verwijderen
Hoe te verwijderen een lade met metalen glijbanen

Hoe te verwijderen een lade met metalen glijbanen

Keukenkast lades en Bureau-lades metalen dia's te gebruiken om de lade in en uit vrij te bewegen. Deze dia's opnemen kogellagers of rollen voor goede werking. Wanneer de lade moeilijk is te openen of iets gedaald achter de lade Holte, is het nodig om
Hoe te verwijderen een Tattoo met een zure Peel

Hoe te verwijderen een Tattoo met een zure Peel

Zure schillen zijn ontworpen om gezichtshuid vlekken en rimpels door een actuele toepassing te verwijderen. De schillen kunnen worden gebruikt om verwijderen huid vlekken en zelfs tatoeages uit andere gebieden van het lichaam. Tattoo verwijdering wor
Hoe te verwijderen een mol met Compound W

Hoe te verwijderen een mol met Compound W

Mollen kunnen niet alleen van invloed op je uiterlijk en gevoel van eigenwaarde, maar ze kunnen ook gevaarlijk voor uw gezondheid. Elke poging tot moedervlek verwijderen moet plaatsvinden met toestemming van een arts. Voor kleine, goedaardige mollen,
Hoe te verwijderen een programma met ontbrekende bestanden

Hoe te verwijderen een programma met ontbrekende bestanden

Programma's met ontbrekende bestanden kunnen dwarsbomen de beste pogingen uw besturingssysteem op verwijderen. Onvolledige programma's moeten handmatig worden verwijderd, maar simpelweg verwijderen van het programma map niet duidelijk alle restanten
Hoe te verwijderen een beha met één Hand

Hoe te verwijderen een beha met één Hand

Een beha opstijgen kan ofwel maken of breken van seksuele spanning. Het is verre van sexy om een man terug er gedoe rond wanneer de stemming stakingen. Het is vooral moeilijk te verwijderen van een beha met een hand. Echter, met een beetje praktijk,
Hoe te verbergen een Scrollbar met JavaScript

Hoe te verbergen een Scrollbar met JavaScript

Webbrowsers reageren verschillend op verschillende browser instellingen vanwege de manier browser specificaties zijn geïnterpreteerd of toegepast. U kunt het verbergen van schuifbalken met behulp van JavaScript, maar er zijn verschillende instellinge
Hoe te verwijderen een deurknop met een gebroken klink

Hoe te verwijderen een deurknop met een gebroken klink

Als u wilt verwijderen van een gebroken deurknop, moet u kunnen openen van de deur. Echter, een gebroken klink kunt voorkomen dat de deur openen. Het verwijderen van een deurknop is eenvoudig kan, maar een deur met een gebroken klink meer een uitdagi
Hoe te verwijderen een elektrische Meter

Hoe te verwijderen een elektrische Meter

Het verwijderen van een elektrische meter is een baan voor het nutsbedrijf of een erkende elektricien, omdat een gevaarlijke operatie trekken van een elektrische meter, terwijl de macht wordt toegepast kan worden. Er zijn dingen die een huiseigenaar
Hoe te vullen een Combobox met JavaScript

Hoe te vullen een Combobox met JavaScript

Soms in web programmeren moet u wijzigen van webpagina's nadat ze reeds geladen zijn. Gelukkig, JavaScript maakt dit eenvoudig. Als u opties toevoegen aan een keuzelijst met invoervak wilt (genaamd een select box in HTML) na de pagina wordt geladen,
Hoe te verwijderen een Water Meter Cover

Hoe te verwijderen een Water Meter Cover

Als er een lek in uw watermeter, moet u om het te bevestigen. Het eerste ding dat u moet doen bij de vaststelling van een watermeter is Verwijder het klepje van de meter water. Deze stappen zullen u helpen verwijderen je water meter omslag.Wat die u