Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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-12 00:08:38 UTC
- JSON Representation
https://github.com/wlodpawlowski/react-chat-application
Chat messenger web application developed with React, Redux, Webpack, Eslint, JavaScript, Babel and PubNub
babel chai chat-application css3 dom eslint html5 istanbul javascript json jsx messenger-application mocha pubnub-chatting pwa react react-components react-router redux webpack
Last synced: 24 Jan 2025
https://github.com/ryanmorr/elemental
A functional approach to creating autonomous custom elements
custom-elements dom functional javascript ui web-components
Last synced: 13 Jan 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/antonybudianto/element-inspector
Simple DOM element inspector
Last synced: 17 Jan 2025
https://github.com/tiagobarross/fortunecookie
FortuneCookie é um projeto para você abrir biscoitos da sorte e ler boas mensagens no seu dia. Desenvolvido com HTML, CSS e JS utilizando DOM.
css dom figma git github html javascript
Last synced: 22 Dec 2024
https://github.com/tomokimiyauci/dom
The DOM reference implementation
dom reference-implementation whatwg
Last synced: 22 Jan 2025
https://github.com/bosens-china/dom-interception
Extract dom elements and rich text
Last synced: 24 Jan 2025
https://github.com/nonoesp/folio-scss
🎨 Reusable SCSS components for Laravel Folio.
dom namespace sass scss stylesheets web
Last synced: 24 Jan 2025
https://github.com/simonewebdesign/game-of-life
John Conway's Game of Life, written in JavaScript (DOM).
dom game game-of-life games javascript
Last synced: 08 Jan 2025
https://github.com/undercloud/componentary
PHP Server-Side Web Components
dom server-side template-engine web web-components
Last synced: 31 Jan 2025
https://github.com/vulnpire/dominator
Detect potential vulnerabilities by analyzing inline JavaScript in web pages
Last synced: 13 Jan 2025
https://github.com/yne/md2dom
Mardown to DOM
commonmark dom javascript markdown
Last synced: 17 Dec 2024
https://github.com/ethan-arrowood/safe-get-element
Runtime-based type safety for the commonly used document.getElementById method.
Last synced: 06 Feb 2025
https://github.com/stevenvachon/create-html-template-element
Create an HTML <template> with content.
Last synced: 07 Feb 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/ricnaga/nsint
Aplicação javascript que realiza CRUD de usuários e empresas.
css dom domain-driven-design expressjs html javascript nunjucks sql sqlite
Last synced: 21 Jan 2025
https://github.com/runningskull/ssvg
A wafer-thin wrapper around native SVGElement that makes creating/manipulating SVGs as painless as possible
browser dom drawing graphics javascript svg
Last synced: 15 Jan 2025
https://github.com/leizhenpeng/starter-ts-dom
A DOM-focused TypeScript library starter template.
Last synced: 11 Jan 2025
https://github.com/astoilkov/element-box
Work easily with an element's position and dimensions
Last synced: 30 Jan 2025
https://github.com/mchalapuk/wson-dom-connector
Serialize DOM nodes with WSON.
Last synced: 10 Feb 2025
https://github.com/elchininet/shadow-dom-selector
A very small JavaScript utility to query DOM elements through the Shadow DOM subtrees in a sync or an async way
dom dom-query dom-selector javascript javascript-library library query-selector query-selector-all shadow-dom shadow-root shadow-root-query shadow-root-selector typescript
Last synced: 20 Jan 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/dragon-fish/dom-plus
Very simple DOM generator with types declaration.
create-element dom element generator html-generator
Last synced: 20 Dec 2024
https://github.com/joe-dakroub/domxy
A lightweight library for effortlessly creating HTML and SVG elements in JavaScript.
dom html javascript js jsx svg
Last synced: 21 Jan 2025
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/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/josestg/todo-app
Drag and Drop Todo Elements with Vanilla JavaScript and HTML.
dom dom-manupulation vannila-javascript-projects
Last synced: 31 Jan 2025
https://github.com/ahmadrezamozaffary/ts-drag-and-drop
In this project, I used Typescript to develop and create a simple drag and drop project for more practice in TS. 🏅
css dom es6-to-es5 html5 javascript npm oop tsc typescript
Last synced: 13 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/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: 12 Oct 2024
https://github.com/marvinhagemeister/dom-callcount
Track the callcount of various DOM api calls.
Last synced: 25 Jan 2025
https://github.com/renggli/dart-listdiff
Experimenting with diff-ing lists (DOM list manipulation) in Dart.
Last synced: 05 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/drewk2629/septomeme
Random card generator group project that pulls from 3 different API's.
arrays bulma conditions css dom dynamic fetch-api functions html localstorage variables
Last synced: 08 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.
Last synced: 10 Feb 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: 23 Oct 2024
https://github.com/hardik-panchariya/javascript
This repository showcases my JavaScript learning journey with examples and code snippets covering fundamental and advanced concepts.
dom dom-manipulation eventhandling javascript
Last synced: 10 Feb 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/josh012006/oop
Landing page for selling games. Realised with Tailwind and using OOP principles to represent games and cart.
css dom html5 javascript oop tailwind
Last synced: 27 Jan 2025
https://github.com/nodegame/nodegame-window
Manages how nodeGame interacts with the browser's window.
browser dom interface javascript nodegame ui
Last synced: 20 Nov 2024
https://github.com/xlmnxp/quran-custom-element
DOM Custom Element for Quran
audio-player ayat custom customelements define dom element es6 fetch-api javascript quran
Last synced: 10 Feb 2025
https://github.com/galvao/gerdr
Manipulate DOM HTML trees, powered by PHP's DOM extension.
Last synced: 01 Feb 2025
https://github.com/Martin-BG/SoftUni-JavaScript-Advanced
JavaScript Advanced course at SoftUni - Oct 2018
course dom javascript jquery softuni unit-testing
Last synced: 23 Oct 2024
https://github.com/sidp919/fs-js-wd-b-dom-manipulation
This repo is for those who have learned the basics of JavaScript and are now ready to use the power of JavaScript further to build some apps using DOM Manipulation.
dom dom-manipulation es6 javascript
Last synced: 07 Jan 2025
https://github.com/nikulinalexey/playlist-constructor
Конструктор плейлистов
css css-transform dom html javascript
Last synced: 14 Jan 2025
https://github.com/akhaled01/void
The Unopinionated JS framework
dom event-handling javascript routing state-management swc tyepscript webpack
Last synced: 06 Dec 2024
https://github.com/confusedmatrix/visibility-stats
A simple library to determine if DOM elements are visible in the viewport and statistics about how long elements have been visible / when they were last visible
Last synced: 13 Jan 2025
https://github.com/stevenvachon/replace-dom-string
Replace one or more strings/regexes within a DOM tree.
Last synced: 07 Feb 2025
https://github.com/mathisburger/dom-toretto
A small discord bot, that responds to every message, that contains the word family
discord-bot discordgo dom family meme toretti
Last synced: 20 Dec 2024
https://github.com/younusaliakash/vanilla-js-relaxer-app
A relaxing breathing app with a visual director to tell you when to breathe in, hold and breathe out
Last synced: 01 Feb 2025
https://github.com/vx68k/mdtodom.js
A browser script to render Markdown text directly into DOM.
browser commonmark dom dom-api es-module es2017 javascript markdown module-script
Last synced: 29 Dec 2024
https://github.com/canop/groumf
Fast search and replace on strings or dom elements
Last synced: 19 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/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/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: 25 Dec 2024
https://github.com/layouwen/dom-yw
Simple encapsulation of the DOM API. 对 DOM API 的简易封装
Last synced: 16 Jan 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/michalsn/serverless-chrome-dom
Serverless DOM scraper
aws-lambda chrome dom proxy scraper serverless
Last synced: 26 Jan 2025
https://github.com/mvaibhav131/vaibhavweatherappmern
Shows Live Weather in all city
class-components cors dom dotenv express mongodb mongoose nodejs react-scripts reactjs redux router scss state-management weather-app
Last synced: 14 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/gulashanhashami/lyndaclone_team_18
I want to clonLynda is an online learning platform, offers Educational training courses in the field of business, software and technology skills.e this project.
Last synced: 25 Jan 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/stagas/relative-mouse
Get mouse position relative to a DOM element.
Last synced: 11 Feb 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
Last synced: 05 Feb 2025
https://github.com/maiarasanto/dynamic-image-gallery-js
Manipulação do DOM: Usar métodos como document.createElement , appendChild , removeChild , document.getElementById , para adicionar e remover imagens dinamicamente.
appendchild documentcreateeelement dom dom-manipulation getelementbyid javascript
Last synced: 08 Jan 2025
https://github.com/jaid/cheerio-util
Utility functions for selecting nodes with cheerio.
cheerio cheerio-util dom javascript jquery library node nodejs selector typescript util utility
Last synced: 25 Dec 2024
https://github.com/jaid/modern-image-loader
Webpack loader that loads images as WebP with some neat extras.
dom image img loader picture react react-dom webpack webpack-loader webpack-plugin
Last synced: 25 Dec 2024
https://github.com/willswire/asortd
Algorithm Sorting Display. Visualize sorting algorithms in the DOM using JS
bootstrap dom educational-project javascript sorting-algorithms
Last synced: 25 Dec 2024
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: 29 Dec 2024
https://github.com/gulashanhashami/lyndacloneteam18_u3
Lynda is an online learning platform, offers Educational training courses in the field of business, software and technology skills.want to clone this project.
css3 dom html javascipt masai-authentication
Last synced: 25 Jan 2025
https://github.com/samedfft2634/dom_color_assigment
Assigment, colorful webpage to learn mouseover and onclick events .
Last synced: 21 Jan 2025
https://github.com/ynazymko12/goit-js-hw-07
Homework for the course JavaScript📒
Last synced: 05 Feb 2025
https://github.com/ethanent/sypent
JS DOM creation
dom dom-creation dom-library dom-manipulation javascript js web
Last synced: 26 Dec 2024
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/sevlamare/library
Share your favorites books with everyone with this app.
css dom html javascript js json localstorage
Last synced: 04 Feb 2025
https://github.com/projectravel/javascriptdom
Welcome to the JavaScript DOM Manipulation repository! This repository is dedicated to providing comprehensive examples, tutorials, and projects focused on manipulating the Document Object Model (DOM) using JavaScript.
dom dom-manipulation education guide javascript javascript-project javascriptdom
Last synced: 10 Jan 2025
https://github.com/siobhan-doherty/nokia-snake-clone
dom dom-manipulation html-css-javascript javascript-game
Last synced: 26 Dec 2024
https://github.com/ahsankhan26/color-guessing-game
A simple and effective way to improve your understanding of RGB color scheme for better web development.
colors css dom dom-manipulation html javascript rgb
Last synced: 21 Dec 2024
https://github.com/insanj/cone
🍦 vanilla js static pwa generator, built in ts for oogy: can you help (~24kB) https://www.npmjs.com/package/oogy-cone
awesome dom javascript jekyll js module npm package pwa static static-site static-site-generator static-website ts typescript website
Last synced: 16 Nov 2024
https://github.com/serg-io/infuse-loader
Webpack loader for parsing and importing infuse.host templates.
custom-elements data-binding dom framework front-end frontend html html-template infuse pwd spa template template-engine web-application web-apps web-components webpack
Last synced: 22 Jan 2025
https://github.com/sevlamare/todo-list
Web app with JS
dom firebase-hosting javascript js json localstorage
Last synced: 04 Feb 2025
https://github.com/zeixcom/pulse
Pulse - scheduled DOM updates
dom dom-manipulation pulse requestanimationframe
Last synced: 07 Feb 2025