Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

Document Object Model (DOM)

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.

GitHub: https://github.com/topics/dom
Wikipedia: https://en.wikipedia.org/wiki/Document_Object_Model
Repo: https://github.com/whatwg/dom
Created by: World Wide Web Consortium
Released: October 1, 1998
Related Topics: shadow-dom, virtual-dom, html, xml, dhtml,
Aliases: dom-tree, dom-node, dom-element, dom-elements,
Last updated: 2025-02-20 00:08:21 UTC
JSON Representation

https://github.com/nazmulhossain2905/auto-color-generator

Auto Color Generator - Solid Color and Gradient Color

css dom html javascript

Last synced: 16 Jan 2025

https://github.com/qwtel/create-element-x

Extends document.createElement to conform to the target API of JSX.

create-element dom element jsx

Last synced: 13 Feb 2025

https://github.com/ekliptor/browserutils

Basic helper functions HTML5 web apps in the browser such as client-side templates, localization and DOM manipulation.

css3 dom html5 webapp

Last synced: 03 Jan 2025

https://github.com/crhntr/dom

This project has DOM inspired wrappers around the golang.org/x/net/html package.

dom go html html5

Last synced: 02 Jan 2025

https://github.com/engichang1467/javascriptcc

Learning javascript

dom es6 javascript

Last synced: 17 Jan 2025

https://github.com/ahmed0saber/my-portfolio

My Fully Responsive Personal Portfolio

css css3 dom es6 fetch fontawesome frontend google-fonts html html5 javascript json localstorage portfolio responsive themes

Last synced: 26 Jan 2025

https://github.com/syedaanif/08-drum_kit

This website contains learnings for HTML, CSS, JS for DOM Manipulation using event listeners and callbacks.

cascading-style-sheets css css-flexbox css-grid css3 document-object-model dom dom-manipulation eventlisteners html html-css-javascript html5 hypertext-markup-language javascript js

Last synced: 16 Jan 2025

https://github.com/syedaanif/07-dice_game

This website contains learnings for HTML, CSS, JS for DOM Manipulation.

cascading-style-sheets css css-flexbox css-grid css3 dom dom-manipulation ecmascript ecmascript6 html html-css-javascript html5 hypertext-markup-language javascript js

Last synced: 16 Jan 2025

https://github.com/zeixcom/pulse

Pulse - scheduled DOM updates

dom dom-manipulation pulse requestanimationframe

Last synced: 07 Feb 2025

https://github.com/bonarja/react-sdom

Simplify the task of manipulating the DOM of the react components and use animations (like jQuery)

animatecss animated dom frontend handling react ui

Last synced: 18 Jan 2025

https://github.com/mskelton/observer

A super simple and performant way to observer specific selectors in the DOM.

dom observer

Last synced: 12 Feb 2025

https://github.com/ambar/rx-hotkey

Live Demo: https://ambar.li/rx-hotkey/

dom hotkey keyboard shortcut

Last synced: 02 Jan 2025

https://github.com/ahmedmitwally77/game-oop

The OOP Game is a platform for discovering various games and their details.

api bootstrap5 css3 display dom eventlistener fetch-api font-awesome games html5 javascript oop

Last synced: 17 Jan 2025

https://github.com/hacxk/readme-js

Embark on an epic JavaScript adventure! This comprehensive course takes you from the fundamentals to advanced techniques, empowering you to build dynamic and interactive web applications.

async-javascript backend best-practices bun dom frontend functional-programming javascript javascript-basics nextjs nodejs oop react web-development

Last synced: 16 Jan 2025

https://github.com/igorskyflyer/npm-rawelement

🐯 A utility that lets you manipulate HTML elements, their attributes and innerHTML as strings, on the go and then render the modified HTML. Very useful in SSG projects. 💤

astro back-end dom element html igorskyflyer javascript js raw ssg string tag ts typescript wrapper

Last synced: 16 Feb 2025

https://github.com/akashdeep023/insta_story_js

Insta_Story

css dom html javascript

Last synced: 08 Feb 2025

https://github.com/bmartinson/ngx-advanced-img

An Angular directive library for advanced img feature extensions.

angular dom fallback img loader ngx progressive ui ui-ux

Last synced: 07 Feb 2025

https://github.com/stagas/relative-mouse

Get mouse position relative to a DOM element.

dom element mouse relative

Last synced: 11 Feb 2025

https://github.com/projectravel/project-javascriptdom

JavascriptDOM adalah proyek yang berfokus pada manipulasi Document Object Model (DOM) menggunakan JavaScript. Proyek ini dirancang untuk membantu pengembang web mempelajari dan menerapkan berbagai teknik manipulasi DOM, seperti mengubah elemen HTML, mengelola event, dan memperbarui gaya CSS secara dinamis.

dom javascript javascript-applications javascriptdom javascriptproject js project

Last synced: 10 Jan 2025

https://github.com/phpgt/domvalidation

Server side form validation using web standards.

dom form-validation html-forms html5 html5-validation phpgt webengine

Last synced: 17 Jan 2025

https://github.com/anandchowdhary/get-computed-label

🏷️ Get an element's computed label from the Accessibility Tree

a11y accessibility aria dom javascript library typescript

Last synced: 18 Feb 2025

https://github.com/andrekuratomi/anagramas2

A javascript exercise that searches in a list of more than 20.000 portuguese words for ones that forms 5 or more anagrams. Process duration less than 5 seconds.

css3 dom html5 javascript

Last synced: 10 Feb 2025

https://github.com/lysabrina/web-scraping-practice

Collection of projects to learn web-scraping with Java & Spring-boot

bootstrap dom html java react spring-boot web-scraping

Last synced: 20 Feb 2025

https://github.com/aidenybai/jacky

Directly use HTML inside JavaScript

dom jacky javascript jsx jsx-to-dom web

Last synced: 02 Feb 2025

https://github.com/siobhan-doherty/nokia-snake-clone

dom dom-manipulation html-css-javascript javascript-game

Last synced: 17 Feb 2025

https://github.com/igorskyflyer/npm-magic-queryselector

🪄 A TypeScript-types patch for querySelector/querySelectorAll, make them return types you expect them to! 🔮

back-end biome combinator css dom dom-manipulation html igorskyflyer javascript js magic node query queryselector queryselectorall selector ts typescript

Last synced: 06 Nov 2024

https://github.com/joakimteixeira/background-generator

Site to generate gradient background, using two colors.

ci-cd-pipeline clipboard-copy css-flexbox dependabot-auto-merge dom github-actions gulpjs javascript

Last synced: 16 Nov 2024

https://github.com/cloudcmd/create-element

create dom element

cloudcmd dom element javascript

Last synced: 06 Nov 2024

https://github.com/daybrush/page

You can check the page in and out of the screen.

dom enter exit io page visible

Last synced: 20 Feb 2025

https://github.com/benqus/doxxy

DOM Event Proxy - channel all bubbling events via a proxy listener to controller methods.

bubbling-events dom event-listener event-listeners events javascript proxy proxy-listener user-interface

Last synced: 10 Feb 2025

https://github.com/jsonfm/jsqt

A library to wrap DOM elements with an API similar to Qt/PyQt.

cdn dom javascript typescript web

Last synced: 17 Jan 2025

https://github.com/yonis-savary/php-dom

HTML Parser for PHP, with support for simple CSS Selectors !

dom parser php php-html

Last synced: 15 Feb 2025

https://github.com/beenotung/html-parser.ts

zero-dependency html parser for node.js and browser that return the dom (tree) structure

dom html nodejs parser typescript-library

Last synced: 01 Jan 2025

https://github.com/sakilk130/javascript-pig-game

This is a simple game and only client-side game. This name is 'Pig Game'

dom javascript pig-game

Last synced: 20 Feb 2025

https://github.com/natancabral/tables2json

Convert an HTML tables node to a javascript object or array. Client-Side

client-side dom html-table-to-json table-to-json table2json

Last synced: 23 Jan 2025

https://github.com/zolppy/daily-task-schedule

Daily task schedule.

dom

Last synced: 09 Feb 2025

https://github.com/lbenie/qselector

Aliases for querySelector & querySelectorAll

browser dom javascript javascript-library node nodejs nodejs-modules query query-selector query-selector-all

Last synced: 01 Jan 2025

https://github.com/rudradcruze/pin-matcher

Simple project to main pin using javascript.

css dom html js

Last synced: 06 Feb 2025

https://github.com/eujinnlucashow/goit-js-hw-06

Educational tasks 📒 JS-HW-06 | Document Object Model

bom dom javascript js

Last synced: 12 Feb 2025

https://github.com/tylrpopcorn/pokemon-display-grid

A simple application showcasing Pokémon using DOM manipulation

dom dom-manipulation html html-javascript javascript

Last synced: 22 Jan 2025

https://github.com/sam-parsons/sanitize-input

declaratively scrub user input on the dom with sanitizer web api

dom jest sanitizer-api

Last synced: 21 Jan 2025

https://github.com/tiaanduplessis/djy

A lightweight jQueryish DOM facade for modern browsers (IE10+) in under 900 bytes

dom jquery

Last synced: 06 Feb 2025

https://github.com/laqudee/common-toolbox

A reusable tool library that focuses on serving Vue projects

axios date dom encrypt toolbox validate vite vue

Last synced: 28 Jan 2025

https://github.com/petekgithub/guess-my-number

dom-game

css3 document-object-model dom html javascript

Last synced: 01 Jan 2025

https://github.com/ryanve/bounding

Normalized cross-browser getClientBoundingRect

dom javascript

Last synced: 22 Jan 2025

https://github.com/semibran/manifest

:boom: convert virtual DOM nodes into HTML elements

dom html virtual-dom

Last synced: 12 Feb 2025

https://github.com/norlandz/texthighlighter

Find & Highlight Words in a Webpage (Google Chrome Extension)

dom find google-chrome-extension highlight javascript match regex

Last synced: 05 Feb 2025

https://github.com/arrseq/jdrift

Rust interface for Tauri (RIFT)

dom rust tauri

Last synced: 11 Dec 2024

https://github.com/dalikewara/petis

A JavaScript library that designed for (not only) working with DOM. It comes with lots of ease

dom helper javascript tool toolkit

Last synced: 15 Feb 2025

https://github.com/jgarber623/templatetemplate

A very small JavaScript <template> manipulation library.

dom dom-library dom-manipulation javascript queryselector template

Last synced: 17 Oct 2024

https://github.com/arkenidar/xml_parsing_variations

xml/html DOM (works on firefox, tested) (open developer console in some cases)

dom js xml

Last synced: 18 Feb 2025

https://github.com/astrocoding/projek-dom-bookshelf

Aplikasi Web Pengelolaan Data Menggunakan DOM dan Web Storage Sederhana

css3 dom html5 javascript webstorage

Last synced: 09 Feb 2025

https://github.com/antonybudianto/element-inspector

Simple DOM element inspector

dom inspector picker selector

Last synced: 17 Jan 2025

https://github.com/cedric921/gda_calculatrice

pour tester les connaissances en js sur les classes et surtout le dom

css dom flex grid html js

Last synced: 21 Jan 2025

https://github.com/sonal599/counter-_project

Counter project is the combination of HTML CSS and Java script. which increase the counter in DOM and it reflects to the page.

css dom html javascript

Last synced: 20 Feb 2025

https://github.com/fabiannorbertoescobar/java-db-connections-ejercicios

ABMs y Apps con diferentes conexiones a bases de datos SQL, noSQL y XML.

abm bson crud dom hibernate hql java javascript jaxb jdbc json mongodb mongodb-driver mvc mysql nosql sax sql sqlite xml

Last synced: 05 Jan 2025

https://github.com/michalsn/serverless-chrome-dom

Serverless DOM scraper

aws-lambda chrome dom proxy scraper serverless

Last synced: 26 Jan 2025

https://github.com/galvao/gerdr

Manipulate DOM HTML trees, powered by PHP's DOM extension.

dom

Last synced: 01 Feb 2025

https://github.com/antoniofmoliveira/graficosemsvg

geração de gráficos personalizados via SVG

chart dom graphics-library java svg xml

Last synced: 01 Feb 2025

https://github.com/nazmul-nhb/tiny-query-dom

TinyQuery - A lightweight and modern JavaScript library for minimal DOM manipulation and event handling, inspired by jQuery.

dom dom-manipulation miniquery selector

Last synced: 30 Nov 2024

https://github.com/bbmoz/extend-decorator

Extend your objects using a decorator!

annotation babel decorator dom es2016 es7 extend inject

Last synced: 20 Jan 2025

https://github.com/astoilkov/element-box

Work easily with an element's position and dimensions

dom getboundingclientrect

Last synced: 30 Jan 2025

https://github.com/curiosity26/react-style-engine

An in script style engine to be used with state/redux and shadow dom

css dom react shadow webcomponents

Last synced: 10 Feb 2025

https://github.com/dendurruty/proyectos-curso-javascript-manipulacion-del-dom-freecodecamp

Este repositorio contiene apuntes y proyectos del curso "JavaScript para manipulación del DOM - Curso con Proyectos" de freeCodeCamp en Español, canal de YouTube.

css dom freecodecamp git github html javascript visual-studio-code

Last synced: 18 Jan 2025

https://github.com/yishn/sinho

A lightweight signal-based library for building web components with a React-like API.

dom fine-grained-reactivity frontend js react signal ts ui webcomponents

Last synced: 22 Jan 2025

https://github.com/priyansh61/todo

A todo list to keep you organised

css dom html javas to-do-list todo

Last synced: 08 Feb 2025

https://github.com/kareimgazer/landing-page

simple landing page with dynamically added sections

css dom dom-manipulation html5 javascript navigation

Last synced: 03 Feb 2025

https://github.com/ethan-arrowood/safe-get-element

Runtime-based type safety for the commonly used document.getElementById method.

dom getelementbyid typescript

Last synced: 06 Feb 2025

https://github.com/jhoan5/calculator-vanilla-js

calculator implemented in JavaScript, providing an easy-to-use calculator for inclusion in various projects

calculator dom javascript mvc regular-expressions

Last synced: 16 Feb 2025

https://github.com/nikulinalexey/playlist-constructor

Конструктор плейлистов

css css-transform dom html javascript

Last synced: 14 Jan 2025

https://github.com/dukris/depot-project

Test task for JWD

dom java javase

Last synced: 10 Feb 2025

https://github.com/anjasfedo/snake-game-javascript

Snake Game with HTML, CSS, and JavaScript Logic.

dom javascript learning-by-doing

Last synced: 17 Jan 2025

https://github.com/anjasfedo/submission-frontend-pemula

Submission Frontend pemula Dicoding.

dicoding-submission dom javascript

Last synced: 17 Jan 2025

https://github.com/aashrafh/fwd

My notes, exercises solutions, and projects during FWD nanodegree on Udacity

api asynchronous backend dom dom-manipulation express frontend http javascript landing-page nanodegree nodejs udacity udacity-nanodegree weather-app

Last synced: 06 Feb 2025

https://github.com/shiponcs/easyweather

API fetching, and extracting data from the responses, MaterializeCSS design and Javascript modern features like class, fetch()

accuweather-api api apis darksky-api dom dom-manipulation easyweather es6-javascript fetch-api html5 javascript javascript-api json materializecss

Last synced: 19 Feb 2025

https://github.com/underdogio/click-outside

Listen for clicks that happen outside of a DOM element.

dom javascript

Last synced: 06 Feb 2025

https://github.com/jyotipm1999/web-18

Masai Unit-2 and Unit-3 classes.

api dom

Last synced: 14 Jan 2025

https://github.com/dragon-fish/dom-plus

Very simple DOM generator with types declaration.

create-element dom element generator html-generator

Last synced: 13 Feb 2025

https://github.com/cedric921/gda_quizapp

Créer une application web qui permet aux développeurs JavaScript d'évaluer leur niveau.

css dom js spa

Last synced: 21 Jan 2025

https://github.com/tanangular/vite2-svelte3

ทดสอบการ update DOM ด้วย timer กับ vite2 + svelte3

benchmark beta component demo dom frontend performance svelte svelte3 template vite2

Last synced: 13 Jan 2025

https://github.com/atlassubbed/atlas-relax-jsx-pragmas

JSX pragmas (hyperscript and Fragment) for Relax.

components declarative dom fragment hyperscript jsx pragma preact react relax vdom virtual-dom

Last synced: 16 Feb 2025

https://github.com/ps0305/randomcolorguessgame

RGB color guessing game using Javascript and DOM

css dom game-development html javascript rgb-leds single-page-applications

Last synced: 01 Jan 2025

https://github.com/lookininward/pokemon-frontend-demo

Frontend demo showcasing three levels of sophistication in approaching a task: Bare, Basic, Advanced. Each level demonstrates increasing understanding of frontend architecture and design.

css dom frontend html pokemon react responsive single-page-app typescript vite web