Wat is een node in Javascript?

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.

Other episodes