Tekst nodes in JavaScript
Laten we nu bekijken hoe we de tekst van nodes
kunnen lezen of wijzigen. Voor alle nodes
werkt de eigenschap textContent. Voor
tekstnodes en commentaren zijn er de eigenschappen
nodeValue en data (ze zijn vrijwel
hetzelfde, de tweede is korter, beter om deze
te gebruiken). Voor elementen is er de eigenschap innerHTML,
die de tekst samen met de tags leest.
Gegeven een div:
html<div id="elem">txt<b>tag</b><!--com-->txt<b>tag</b><!--com--></div>
Itereer met een lus over alle nodes van deze div en geef in de console de teksten van alle nodes weer.
Gegeven een div:
html<div id="elem">txt<b>tag</b><!--com-->txt<b>tag</b><!--com--></div>
Itereer met een lus over alle nodes van deze div en geef in de console de teksten van alle commentaren en tekstnodes weer.
Gegeven een div:
html<div id="elem">txt<b>tag</b><!--com-->txt<b>tag</b><!--com--></div>
Itereer met een lus over alle nodes van deze div en geef in de console de teksten van tekstnodes en elementen weer.
Gegeven een div:
html<div id="elem">txt<b>tag</b><!--com-->txt<b>tag</b><!--com--></div>
Itereer met een lus over alle nodes van deze div en schrijf voor elke node aan het einde zijn type.