Startpagina / Samenvattingen / Web programming step by step / node-element-kinderen

The Document Object Model (DOM) - The DOM tree

Q: Hoeveel kinderen heeft het onderstaande div met id=foo element: <code> <div id='foo'> <p> This is a paragraph of text with a <a href='page.html'>link</a> </p> </div> </code>

3 kinderen, namlelijk: een tekst node voorgesteld door 'nt' (voor de paragraaf)een element node voorgesteld door de <p>een tekst node voorgesteld door 'n' (na de paragraaf)

4 belangrijke vragen over The Document Object Model (DOM) - The DOM tree

Welke 3 verschillende nodes zijn er om om verschillende soorten content te laten zien op een pagina

Element node representeert een HTML tag. Het kan kinderen en/of attributen hebben
Text node representeert een inline tekst binnen een block element. Het zit altijd als kind binnen een element node. Het kan geen kinderen of sttributen hebben.
Attribute node representeerd eem attribuut naam/value pair binnen een opening tag van een element. Het is gerelateerd aan een element maar wordt niet gezien als een kind van deze node. Een attribuut node kan geen kinderen of attributen hebben.

Welke properties linken de DOM nodes in een tree structure dat kan worden gebruikt in de JavaScript code

parentNode (het element dat deze node bevat)
previousSibling, nextSibling (buren nodes die dezelfde ouder hebben)
firstChild, lastChild (start/eind van de lijst van kinderen van deze node)
childNodes (een array van alle kinderen van deze node)

Hoeveel kinderen heeft het onderstaande div met id=foo element:
<code>
<div id="foo">
<p>
This is a paragraph of text with a <a href="page.html">link</a>
</p>
</div>
</code>

3 kinderen, namlelijk:
een tekst node voorgesteld door "\n\t" (voor de paragraaf)een element node voorgesteld door de <p>een tekst node voorgesteld door "\n" (na de paragraaf)

Welke methoden bevat het globale element document object om een node of een array van noden terug te geven

getElementById (geeft een DOM element terug met het gegeven HTML id attribute)
getElementsByTagName (geeft een array van DOM elementen terug met het gegeven HTML element, zoals "div")
getElementsByName (geeft een array van DOM elementen met de gegeven name attribuut (bijv. all radio buttons in a group)

Bijvoorbeeld

//set all paragraphs to have a yellow background color

var allParagraphs = document.getElementsByTagName("p");

for (var i=0; i<allparagraphs.lenght;i++) {

allParagraphs[i].style.backgroundColor="yellow";

}

De vragen op deze pagina komen uit de samenvatting van het volgende studiemateriaal:

Web programming step by step | 9780578012391 | Marty Stepp, et al

Bekijk samenvatting

Een unieke studie- en oefentool
Nooit meer iets twee keer studeren
Haal de cijfers waar je op hoopt
100% zeker alles onthouden

Onthoud sneller, leer beter. Wetenschappelijk bewezen.

Onderwerpen die gerelateerd zijn aan The Document Object Model (DOM) - The DOM tree

The Document Object Model (DOM) - The DOM tree - Creating and removing nodes

The Document Object Model (DOM) - The DOM tree

4 belangrijke vragen over The Document Object Model (DOM) - The DOM tree

Welke 3 verschillende nodes zijn er om om verschillende soorten content te laten zien op een pagina

Welke properties linken de DOM nodes in een tree structure dat kan worden gebruikt in de JavaScript code

Hoeveel kinderen heeft het onderstaande div met id=foo element:<code><div id="foo"><p>This is a paragraph of text with a <a href="page.html">link</a></p></div></code>

Welke methoden bevat het globale element document object om een node of een array van noden terug te geven

Onderwerpen die gerelateerd zijn aan The Document Object Model (DOM) - The DOM tree

The Document Object Model (DOM) - The DOM tree - Creating and removing nodes

Samenvattingen die gerelateerd zijn aan CSS for styling - More CSS

Web programming step by step

B08111 Procesmanagement

Pia Pia Método di Papiamentu

TMap Next : voor resultaatgericht testen

Webcultuur(T38121)

Security en IT

webapplicaties: de clientkant

Organisatie & management : een fundamentele …

Samenvatting Bestuur en Beleid

Samenvatting Introductie Bestuurs en Organis…

Software engineering

Fons et origo iuris : een historische inleid…

Hoeveel kinderen heeft het onderstaande div met id=foo element:
<code>
<div id="foo">
<p>
This is a paragraph of text with a <a href="page.html">link</a>
</p>
</div>
</code>