Document Object Model (DOM) topic

DOM (short for Document Object Model) is a cross-platform and language-independent interface that treats an HTML or XML document as a tree structure wherein each node is an object representing a part of the document. The DOM represents a document with a logical tree. Each branch of the tree ends in a node, and each node contains objects. DOM methods allow programmatic access to the tree; with them one can change the structure, style or content of a document. Nodes can have event handlers (also known as event listeners) attached to them. Once an event is triggered, the event handlers get executed.

The principal standardization of the DOM was handled by the World Wide Web Consortium (W3C), which last developed a recommendation in 2004. WHATWG took over the development of the standard, publishing it as a living document. The W3C now publishes stable snapshots of the WHATWG standard.

In HTML DOM (Document Object Model), every element is a node:

  • A document is a document node.
  • All HTML elements are element nodes.
  • All HTML attributes are attribute nodes.
  • Text inserted into HTML elements are text nodes.
  • Comments are comment nodes.

List Document Object Model (DOM) repositories

charts

9
Stars
1
Forks
Watchers

This application creates charts or graphs using HTML, CSS and JavaScript

async-dom

35
Stars
0
Forks
Watchers

Async Dom - is cover repo, conataining list of different JS demos, where DOM is created inside web-worker and streamed to main browser thread

amuchina

5
Stars
0
Forks
Watchers

A work-in-progress HTML sanitizer that strives for: performance like window.Sanitizer, readiness like DOMPurify, and ability to run in a WebWorker like neither of those.

apply-html

8
Stars
0
Forks
Watchers

It's `.innerHTML = ''` for the 21st century.

disco

34
Stars
0
Forks
Watchers

Easy and universal way to react to elements being disconnected and connected from the DOM aka lifecycle methods.

s2

42
Stars
3
Forks
Watchers

A data-binding function for the DOM.

hyperawesome

490
Stars
55
Forks
Watchers

A curated list of awesome projects built with Hyperapp + more

csshake

4.8k
Stars
636
Forks
Watchers

CSS classes to move your DOM!

cornet

44
Stars
4
Forks
Watchers

transform streaming html using css selectors

css-select

531
Stars
68
Forks
Watchers

a CSS selector compiler & engine