JavaScripts knippen en plakken
Op deze website vind je javascripts die je door eenvoudig knippen en plakken aan jouw site kunt toevoegen.
vorige    DOM: SOORTEN KNOOPPUNTEN    volgende

DOM - KNOOPPUNTEN ( NODES )

Het DOM kent 12 verschillende soorten knooppunten ( nodes ) waarvan de eerste drie de meest gebruikte zijn in html-code.

Type 1 = element node
Type 2 = attribute node
Type 3 = text node

Geef een willekeurige <p>-tag een id-naam ( <p id="voorbeeld1"> )
benader die met document.getElementById ( var x = document.getElementById('voorbeeld1'); )
vraag het type knooppunt op ( alert ('voorbeeld1.nodeType = ' + x.nodeType); )
en er wordt een 1 geretourneerd, omdat een <p>-tag een element node is.



Type 1 : alle html-tags zijn van het type element node. Hiermee verander je bijvoorbeeld <h1> in <h2>.

Type 3 : alle paginateksten zijn van het type text node. Hiermee verwijder of vervang je tekst of maak je nieuwe tekst.

Type 2 : attribute nodes zijn voor ons van het meeste belang. Hiermee wijzig je ondermeer de stijlkenmerken.
Attribute nodes komen niet voor in het schema van het boommodel, want ze hebben geen parent, child of sibling, maar bevinden zich ingekapseld in een element node. Enkele voorbeelden van attribute nodes (in het rood weergegeven):
img src, a href, p style, div align, ...




De volgende bijdrage gaat over het element knooppunt.


Copyright: Het internet is van iedereen, de volledige inhoud van deze site kan door iedereen vrij gebruikt worden.