Ik vroeg me af wat een node precies is in JavaScript?
Zoals in de functies:
element.nodeType
row.parentNode.removeChild(row);
Antwoord 1, autoriteit 100%
Een “knooppunt” is in deze context gewoon een HTML-element. De “DOM” is een boomstructuur die de HTML van de website vertegenwoordigt, en elk HTML-element is een “knooppunt”. Zie Document Object Model (DOM).
Meer specifiek, “Node” is een interfacedie wordt geïmplementeerd door meerdere andere objecten, waaronder “document” en “element”. Alle objecten die de “Node”-interface implementeren, kunnen op dezelfde manier worden behandeld. De term “node” betekent daarom (in de DOM-context) elk object dat de “Node”-interface implementeert. Meestal is dat een elementobject dat een HTML-element vertegenwoordigt.
Antwoord 2, autoriteit 43%
Knooppunten bevinden zich in het DOM, ook wel Document Object-model genoemd. In de DOM zijn alle delen van het document, zoals elementen, attributen, tekst, enz. georganiseerd in een hiërarchische boomachtige structuur; bestaande uit ouders en kinderen. Deze afzonderlijke delen van het document worden knooppunten genoemd.
Het bovenste knooppunt is het hoofdknooppunt (Documentknooppunt) van de DOM-structuur, die één onderliggend knooppunt heeft, het <html>
-element enzovoort.
Verder is de tekstinhoud binnen een element een onderliggend knooppunt van het bovenliggende element, bijvoorbeeld, “Mobiel besturingssysteem” wordt beschouwd als een onderliggend knooppunt van de <h1>
die het bevat, enzovoort .
Opmerkingen in het HTML-document zijn ook knooppunten in de DOM-structuur, ook al hebben ze op geen enkele manier invloed op het document.
HTML-attributen zoals id, klasse, titel, stijl, enz. worden ook beschouwd als knooppunten in de DOM-hiërarchie.
Antwoord 3, autoriteit 30%
Als je een HTML-bestand hebt, kun je zien dat het HTML-elementen bevat, zoals <p>
, <div>
, <section>
, enz. Het heeft ook HTML-opmerkingen, regeleinden, tekstinhoud en HTML-kenmerken. De browser leest dit HTML-bestand & volgens de W3C HTML DOM-standaard verdeelt het alles in het HTML-document in afzonderlijke knooppunten.
<p>
, <div>
, <section>
, enz. worden behandeld als “element”-knooppunten, maar opmerkingen zijn “commentaar”-knooppunten, “tekst”-objecten zijn “tekstknooppunten” & regeleinden worden ook geclassificeerd als “tekstknooppunten”. Met behulp van Javascript hebben we toegang tot deze DOM-knooppunten in de knooppuntenboom.
Onthoud altijd één ding: Elk HTML-element is een knooppunt, maar niet elk knooppunt een HTML-element.
Voer deze code uit & zie het resultaat in de console:
<div class="parent">
<div class="child"></div>
<!-- -->
<div class="child"></div>
<div class="child"></div>
<div class="child"></div>
<div class="child"></div>
<div class="child"></div>
</div>
<script>
var parent = document.querySelector('.parent')
console.log(parent.childNodes) // returns a list of all child nodes
console.log(parent.children) // returns a list of child **element** nodes only
</script>
Antwoord 4, autoriteit 2%
Een knooppunt (van DOM) is een element, van uw HTML-pagina, weergegeven door de browser naar de “knooppuntboom” en op het scherm. Het moet toegankelijk zijn en gemanipuleerd worden door webclientprogramma’s, zoals JavaScript.