The HTML DOM by Marie Tronquo https://padlet.com/mtmiekemarieke/q5oen2rv2w2w Enzio, Dieter, Ilja, Marie en-us 2017-03-06 08:53:53 UTC 2025-11-21 18:18:13 UTC hello@padlet.com mtmiekemarieke https://padlet.com/mtmiekemarieke/q5oen2rv2w2w/wish/157948650 The HTML DOM is a standard for how to get, change, add, or delete HTML elements.]]> 2017-03-06 08:58:21 UTC https://padlet.com/mtmiekemarieke/q5oen2rv2w2w/wish/157948650 mtmiekemarieke https://padlet.com/mtmiekemarieke/q5oen2rv2w2w/wish/157949642 HTML DOM methods are actions you can perform (on HTML Elements).]]> 2017-03-06 09:03:16 UTC https://padlet.com/mtmiekemarieke/q5oen2rv2w2w/wish/157949642 mtmiekemarieke https://padlet.com/mtmiekemarieke/q5oen2rv2w2w/wish/157949773 HTML DOM properties are values (of HTML Elements) that you can set or change]]> 2017-03-06 09:03:51 UTC https://padlet.com/mtmiekemarieke/q5oen2rv2w2w/wish/157949773 mtmiekemarieke https://padlet.com/mtmiekemarieke/q5oen2rv2w2w/wish/158267826 Marie Tronquo]]> 2017-03-07 09:30:42 UTC https://padlet.com/mtmiekemarieke/q5oen2rv2w2w/wish/158267826 mtmiekemarieke https://padlet.com/mtmiekemarieke/q5oen2rv2w2w/wish/158270670 Dieter Bogaert]]> 2017-03-07 09:43:20 UTC https://padlet.com/mtmiekemarieke/q5oen2rv2w2w/wish/158270670 mtmiekemarieke https://padlet.com/mtmiekemarieke/q5oen2rv2w2w/wish/158270699 Enzio Quina]]> 2017-03-07 09:43:29 UTC https://padlet.com/mtmiekemarieke/q5oen2rv2w2w/wish/158270699 mtmiekemarieke https://padlet.com/mtmiekemarieke/q5oen2rv2w2w/wish/158270999 Ilja De Rycke]]> 2017-03-07 09:44:47 UTC https://padlet.com/mtmiekemarieke/q5oen2rv2w2w/wish/158270999 enzio99 https://padlet.com/mtmiekemarieke/q5oen2rv2w2w/wish/158271329 The HTML DOM model is constructed as a tree of Objects

]]> 2017-03-07 09:46:12 UTC https://padlet.com/mtmiekemarieke/q5oen2rv2w2w/wish/158271329 mtmiekemarieke https://padlet.com/mtmiekemarieke/q5oen2rv2w2w/wish/158271437
Er zijn verschillende manieren om een object in een document aan te spreken:

  • Aan de hand van de waarde van attributen. Zo kan in HTML bijvoorbeeld het id (identiteit) attribuut gebruikt worden, deze wordt namelijk verondersteld uniek te zijn in het document.
  • Het volgen van de boomstructuur van het document, bijvoorbeeld: het tweede element van het document.
  • Gebruik makend van de naam van de tag.
]]> 2017-03-07 09:46:46 UTC https://padlet.com/mtmiekemarieke/q5oen2rv2w2w/wish/158271437 enzio99 https://padlet.com/mtmiekemarieke/q5oen2rv2w2w/wish/158271481 The DOM is a W3C (World Wide Web Consortium) standard.

]]> 2017-03-07 09:47:02 UTC https://padlet.com/mtmiekemarieke/q5oen2rv2w2w/wish/158271481 enzio99 https://padlet.com/mtmiekemarieke/q5oen2rv2w2w/wish/158271637 The HTML DOM is a standard object model and programming interface for HTML. It defines:

  • The HTML elements as objects
  • The properties of all HTML elements
  • The methods to access all HTML elements
  • The events for all HTML elements
In other words: The HTML DOM is a standard for how to get, change, add, or delete HTML elements.




]]> 2017-03-07 09:47:53 UTC https://padlet.com/mtmiekemarieke/q5oen2rv2w2w/wish/158271637 ilja_derycke https://padlet.com/mtmiekemarieke/q5oen2rv2w2w/wish/158272111 With the object model, JavaScript gets all the power it needs to create dynamic HTML:

  • JavaScript can change all the HTML elements in the page
  • JavaScript can change all the HTML attributes in the page
  • JavaScript can change all the CSS styles in the page
  • JavaScript can remove existing HTML elements and attributes
  • JavaScript can add new HTML elements and attributes
  • JavaScript can react to all existing HTML events in the page
  • JavaScript can create new HTML events in the page


]]> 2017-03-07 09:49:58 UTC https://padlet.com/mtmiekemarieke/q5oen2rv2w2w/wish/158272111 enzio99 https://padlet.com/mtmiekemarieke/q5oen2rv2w2w/wish/158272371
The HTML DOM Tree of Objects



]]> 2017-03-07 09:50:50 UTC https://padlet.com/mtmiekemarieke/q5oen2rv2w2w/wish/158272371 mtmiekemarieke https://padlet.com/mtmiekemarieke/q5oen2rv2w2w/wish/158272454 When an HTML document is loaded into a web browser, it becomes a document object.

The document object is the root node of the HTML document and the "owner" of all other nodes:
(element nodes, text nodes, attribute nodes, and comment nodes).

The document object provides properties and methods to access all node objects, from within JavaScript.

Tip: The document is a part of the Window object and can be accessed as window.document.

]]> 2017-03-07 09:51:08 UTC https://padlet.com/mtmiekemarieke/q5oen2rv2w2w/wish/158272454 The DOM defines a standard for accessing documents dieterleander https://padlet.com/mtmiekemarieke/q5oen2rv2w2w/wish/158274013 2017-03-07 09:57:24 UTC https://padlet.com/mtmiekemarieke/q5oen2rv2w2w/wish/158274013 The HTML DOM is a standard object model and programming interface for HTML. It defines:The HTML elements as objectsThe properties of all HTML elementsThe methods to access all HTML elementsThe events for all HTML elementsIn other words: The HTML DOM is a standard for how to get, change, add, or delete HTML elements. dieterleander https://padlet.com/mtmiekemarieke/q5oen2rv2w2w/wish/158274137 2017-03-07 09:57:57 UTC https://padlet.com/mtmiekemarieke/q5oen2rv2w2w/wish/158274137 dieterleander https://padlet.com/mtmiekemarieke/q5oen2rv2w2w/wish/158274511 In the DOM, all HTML elements are defined as objects.]]> 2017-03-07 09:59:34 UTC https://padlet.com/mtmiekemarieke/q5oen2rv2w2w/wish/158274511 Gebruik ilja_derycke https://padlet.com/mtmiekemarieke/q5oen2rv2w2w/wish/158276073 You don't have to do anything special to begin using the DOM.]]> 2017-03-07 10:06:44 UTC https://padlet.com/mtmiekemarieke/q5oen2rv2w2w/wish/158276073