Skip to main content

Node ↔ DOM Interface & Abstract Class upon which every member in DOM Tree are based

aka Nodes

Abstract Class

Node instance properties

_Node instance methods_

Document​

DOM Interface to rep Root of document

Element​

abstract DOM Interface to Delegate some useful props/methods

Root​

top-most Node in DOM Tree

Parent​

Node directly above a given Node

Child​

Node directly below a given Node

Sibling​

two Nodes sharing same Parent

Ascendant​

any Parent Node (or above up to Root)

Descendant​

any Child (& sub children) Nodes

Node Nesting​

(process) to organize Node into DOM Tree

References​

  1. Event ↔ Interface Object to rep actions, autogen by DOM Node after Signal Trigger

  2. Node Hierachy ↔ tree-like relationship between Nodes in DOM Tree

  3. DOM Tree ↔ Tree-like structure of Node, autogen by HTML document

  4. Root ↔ top-most Node in DOM Tree

  5. Child ↔ Node directly below a given Node

  6. Parent ↔ Node directly above a given Node

  7. Sibling ↔ two Nodes sharing same Parent

  8. Ascendant ↔ any Parent Node (or above up to Root)

  9. Descendant ↔ any Child (& sub children) Nodes

  10. Node Nesting ↔ (process) to organize Node into DOM Tree

  11. Fiber ↔ internal React Object to rep each Node of DOM Tree

  12. findDOMNode() ↔ deprecated ReactDOM API Escape Hatch to access DOM API Node

  13. .nextSibling ↔ to select next Node

  14. .previousSibling ↔ to select previous Node

  15. .parentNode ↔ to select direct Parent Node

  16. DOM Traversal ↔ (process) to walk through DOM API ; to select Element Node relative to each other

  17. .insertBefore() ↔ to insert (_Node) before current Node

  18. .querySelector() ↔ to return single Node to match query string

  19. query string ↔ arg string to match Node for .querySelector() & .querySelectorAll()

  20. .parentNode ↔ to return Parent Node

  21. .nodeValue ↔ to return/set Node value

  22. .childNodes ↔ to returnNodeList of Child Nodes

  23. .contains() ↔ to return boolean if arg Node is descendent of calling Node

  24. scrollIntoView() ↔ to scroll to Node

  25. .appendChild() ↔ to append childNode arg to current Node