Title: Theory / Unimportant / CS / Descriptive / Web / DOM
Tags: automatedNewLineAfterCommaSpace seen_description

Name: Document object model
Definition: A programming interface for HTML and XML documents
Page: https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Introduction
Abbreviation: DOM

Instruction: document.querySelectorAll("foo")
Page: https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Introduction
Context: DOM
Returns: List all of the elements whose tag is "foo"
Variables: document a DOM

Name: Fundamental data types
Definition: Document
Page: https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Introduction
Context: DOM
Definition2: Node
Definition3: Element
Definition4: NodeList
Definition5: Attribute
Definition6: NamedNodeMap

Name: Document
Definition: When a member returns an object of type document (e.g., the ownerDocument property of an element returns the document to which it belongs), this object is the root document object itself. The DOM document Reference chapter describes the document object.
Page: https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Introduction
Context: DOM

Name: Node
Definition: An abstract base class upon which many other DOM API objects are based, thus letting those object types to be used similarly and often interchangeably.
Page: https://developer.mozilla.org/en-US/docs/Web/API/Node
Context: DOM

Name: element
Definition: the most general base class from which all element objects (i.e. objects that represent elements) in a Document inherit
Page: https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Introduction
Context: DOM

Name: NodeList
Definition: An array of element
Page: https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Introduction
https://developer.mozilla.org/en-US/docs/Web/API/NodeList
Context: DOM

Name: HTMLElement
Definition: An interface representing an HTML element
Page: https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement

Instruction: document.createElement("foo")
Page: https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement
Context: DOM
Returns: An HTMLElement with tag foo

Instruction: document.createElement(
  "foo",
  {is: "bar"}
)
Page: https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement
Context: DOM
Returns: An HTMLElement with tag foo and class bar
Assuming: customElements.define(
  'bar',
  plop,
  {extends: "foo"}
) for plop a class

Name: Attr
Definition: interface represents one of a DOM element's attributes as an objec
Page: https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement
Context: DOM

Name: CharacterData
Definition: abstract interface represents a Node object that contains characters
Page: https://developer.mozilla.org/en-US/docs/Web/API/CharacterData
Context: DOM

Name: Text
Definition: represents the textual content of Element or Attr.
Page: https://developer.mozilla.org/en-US/docs/Web/API/Text
Context: DOM

Name: Comment
Definition: represents textual notations within markup
Page: https://developer.mozilla.org/en-US/docs/Web/API/Comment
Context: DOM

Name: CDATASection
Definition: interface represents a CDATA section that can be used within XML to include extended portions of unescaped text
Page: https://developer.mozilla.org/en-US/docs/Web/API/Comment
Context: DOM

Name: ProcessingInstruction
Definition: a Node which embeds an instruction targeting a specific application but that can be ignored by any other applications which don't recognize the instruction.
Page: https://developer.mozilla.org/en-US/docs/Web/API/ProcessingInstruction
Context: DOM

Name: DocumentType
Definition: interface represents a Node containing a doctype
Page: https://developer.mozilla.org/en-US/docs/Web/API/Comment
Context: DOM

Name: NamedNodeMap
Definition: An unordered collection of Attr
Page: https://developer.mozilla.org/en-US/docs/Web/API/NamedNodeMap
Context: DOM

Name: Shadow host
Definition: The regular DOM node that the shadow DOM is attached to.
Page: https://developer.mozilla.org/en-US/docs/Web/API/NamedNodeMap
Context: DOM

Name: Shadow tree
Definition: The DOM tree inside the shadow DOM.
Page: https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_shadow_DOM
Context: DOM

Name: Shadow boundary
Definition: the place where the shadow DOM ends, and the regular DOM begins
Page: https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_shadow_DOM
Context: DOM

Name: Shadow root
Definition: The root node of the shadow tree.
Page: https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_shadow_DOM
Context: DOM

Instruction: elementRef
.attachShadow({
mode: 'open/cloed'
});
Page: https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_shadow_DOM
Effect: Add a shadow tree to the element, it
Language: js
Context: DOM
Returns: A shadow root of a new shadow tree
Variables: elementRef : an element