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-15 00:08:28 UTC
- JSON Representation
https://github.com/ali-ramazani/drum_kit
This web-based Drum-Kit simulator is developed using JavaScript DOM and Event Listeners. Discover and showcase your musical talent by engaging with a virtual drum set and unleash your rhythmic prowess.
aliramazani css dom drumstick html javascript ui ux web webdevelopment webg webgame
Last synced: 05 Jan 2025
https://github.com/arielspencer/fokus-pomodoro
🍅 Bem-vindo ao Fokus Pomodoro, uma ferramenta criada para aumentar sua produtividade utilizando a técnica Pomodoro.
css dom front-end html localstorage pomodoro poo portfolio
Last synced: 26 Dec 2024
https://github.com/seanchas116/code-to-key
DOM KeyboardEvent code to key (WIP)
dom javascript keyboard-events
Last synced: 02 Jan 2025
https://github.com/abhisek753/my_project_list
My extra time project.
api-rest css dom html javascript
Last synced: 26 Dec 2024
https://github.com/onyazuka/htmlparser
HTML parser written in Python
dom html javascript parser python python3
Last synced: 26 Dec 2024
https://github.com/aswassaw/books-apps-localstorage
Aplikasi Pengelolaan Data Buku Menggunakan DOM dan Web Storage.
css dom html javascript localstorage
Last synced: 26 Dec 2024
https://github.com/melbalossino/juego-numero-secreto
🎮 Juego del número secreto para el ciclo formativo ONE de Oracle y Alura Latam.
aluralatam arrays dom dom-manipulation functions one oracle oraclenexteducation recursion
Last synced: 02 Jan 2025
https://github.com/alexandrbig1/goit-js-hw-06
homework(JS module) in bootcamp (GoIT) Fullstack developer
bootcamp css dom dom-manipulation homework html javascript js practice vanilla-javascript
Last synced: 23 Jan 2025
https://github.com/pjt3591oo/react-router-dom-v6
dom react react-router-dom router
Last synced: 26 Dec 2024
https://github.com/kazu69/export-context
Executing not exported js code and browser js code in a Sandbox With Node's VM Module
context dom esnext javascript testing unit-testing
Last synced: 02 Feb 2025
https://github.com/aburraq/me-myrandomexercises
Welcome to my 30-day coding challenge! I like solving/coding exercises I see around, and I decided to share them for 30 days xx
animation array css dom eventlisteners functions html javascript methods string styling
Last synced: 10 Jan 2025
https://github.com/microeinhundert/html-document-updater
A small utility to update parts of an HTMLDocument with content from another HTMLDocument, configured with a simple configuration object and data attribute. Useful together with libraries like Barba.js to update elements outside of scope.
attributes document dom es6 html lightweight update utility
Last synced: 07 Feb 2025
https://github.com/afeiship/next-dom-event
Dom event api based on next toolkit.
Last synced: 27 Oct 2024
https://github.com/luminovrym/game-tebak-angka
Game Tebak Angka dengan javascript-dom
Last synced: 02 Jan 2025
https://github.com/swadeshchisim/alarado-landing-page
Alarado Landing Page With DOM
css3 daisyui dom dom-manupulation html5 javascript tailwindcss
Last synced: 02 Jan 2025
https://github.com/3ein39/odin-etch_a_sketch
JS DOM practice "TheOdinProject"
Last synced: 10 Jan 2025
https://github.com/leo-henrique/secao-de-comentarios-interativos
Simulação de uma seção de comentários com criação de perfil com localStorage. Feito todo em Vanilla JavaScript com os principais tópicos do ES6+.
async-await class conditions dom dom-manipulation fetch-api iterators javascript json localstorage logic-programming objects observer-api promises timestamps vanilla-javascript
Last synced: 03 Jan 2025
https://github.com/the-mihir/baper-bank
Bapp er Bank !!! Js Peoject with fun
dom javascript js tailwindcss website
Last synced: 10 Jan 2025
https://github.com/felipefama/controle-financeiro
controle financeiro com html, css e javascript
css-flexbox css-sass dom dom-manipulation html-scss-javascript html5 javascript localstorage
Last synced: 02 Feb 2025
https://github.com/stevenvachon/virtual-list
A DOM utility for efficiently rendering large, scrollable lists and tabular data.
dom performance virtualization windowing
Last synced: 07 Feb 2025
https://github.com/jbjoybiswasjb/phone_hunter_api
Practice repo - My Phone Hunter With API
api daisy-ui dom html javascript tailwind-css
Last synced: 03 Jan 2025
https://github.com/jbjoybiswasjb/ai_universe_hub
Practice repo - AI Universe Hub
api daisy-ui dom html javascript tailwind-css
Last synced: 03 Jan 2025
https://github.com/jbjoybiswasjb/alphabet_clash_pro
Practice repo - alphabet_clash_27
daisy-ui dom html5 tailwind-css
Last synced: 03 Jan 2025
https://github.com/jbjoybiswasjb/geometry_genius
Practice Repo - geometry genius
daisy-ui dom html5 tailwind-css
Last synced: 03 Jan 2025
https://github.com/hassanjadi/weather-app
"This is a repository for learning JavaScript by creating a weather application and consuming APIs from the internet"
Last synced: 10 Jan 2025
https://github.com/sebbekarlsson/domeventlistener
🔄 Subscribe on DOM elements in Python
dom events python python-library scraping
Last synced: 30 Jan 2025
https://github.com/singleware/frontend
Frontend project package.
async browser dom frontend javascript jsx singleware typescript
Last synced: 10 Jan 2025
https://github.com/singleware/jsx
JSX package.
browser dom javascript jsx singleware typescript
Last synced: 10 Jan 2025
https://github.com/smilevp/webathon-assessment
Basic Pokemon Api using dom operations
Last synced: 04 Jan 2025
https://github.com/michaelsboost/vdom
Harness the power of the Virtual DOM for efficient, dynamic web experiences. Seamlessly blend data with template interpolation and streamline updates with intelligent diffing.
diff diffing dom javascript json vdom virtual virtualdom
Last synced: 17 Jan 2025
https://github.com/yashi-singh-9/tabs
The Tabs project offers a straightforward tabbed interface for navigating between content sections on a web page, using HTML, CSS, and JavaScript. It enables seamless content switching without page reloads.
css dom dom-manipulation html html-css-javascript javascript roadmap-project
Last synced: 04 Nov 2024
https://github.com/smilevp/calculator
Calculator using HTML,CSS,DOM,Javascript
css dom html javascript javascript-events
Last synced: 04 Jan 2025
https://github.com/smilevp/webathon-1
Covid19 tracker using DOM,HTML,Javascript and CSS
Last synced: 04 Jan 2025
https://github.com/smilevp/shopify
Shopify application using ReactJS. This is just a basic application where I have made use of the react-hooks to toggle between the add to cart and remove button when clicked.
bootstra css dom events html javascript react usestate-hook
Last synced: 04 Jan 2025
https://github.com/smilevp/pagination
Created pagination using HTML,CSS,DOM,Javascript,Event listeners
css dom html javascript javascript-event-listener
Last synced: 04 Jan 2025
https://github.com/nisanth2004/javascript_programs
JavaScript is a high-level, dynamic, and interpreted programming language that is widely used for creating interactive and dynamic web pages.
class css dom function html javascript
Last synced: 11 Jan 2025
https://github.com/nisanth2004/weather-app
A Weather App which is developed by JS using weather API Key and URL and real time project
app application css document dom event html img javascript weather
Last synced: 11 Jan 2025
https://github.com/matheusfdosan/responsive-project-with-sass
Esse projeto é uma mistura de dois Masterclass, o #08 que usamos estratégias de unidades de medidas do CSS, para que tanto o nosso Layout, quanto os nossos textos, e Media Queries para que fiquem responsivos. Já o #15, é a introdução ao SASS, onde coloco em prática tais ensinamentos.
dom git github html javascript media-queries responsive-design sass
Last synced: 04 Jan 2025
https://github.com/matheusfdosan/masterclass-dom-18
Criando um piano básico e funcional utilizando JavaScript DOM.
css dom git github html javascript rocketseat
Last synced: 04 Jan 2025
https://github.com/matheusfdosan/codeflix
Um projeto muito simples, onde é possível o usuário adicionar cards de filmes.
animation-css css dom git github html javascript media-queries
Last synced: 04 Jan 2025
https://github.com/valchanoficial/exercicioscursojavascript
Rocketseat - Exercícios
axios dom express html javascript nodejs nodemon npm
Last synced: 04 Jan 2025
https://github.com/joytarafder/geometry-genius
Geometry Genius
css3 dom html5 javascript responsive
Last synced: 11 Jan 2025
https://github.com/fabianmendozaospina/contacts
An example about how to use classes as data models in JavaScript
classes css dom html javascript
Last synced: 04 Jan 2025
https://github.com/fabianmendozaospina/clients-detection
This example shows how to detect and handle various Browser Object Model (BOM) events using JavaScript, such as online/offline status, window resizing, and battery status.
Last synced: 04 Jan 2025
https://github.com/ton9q/final-game-mongo
https://game-js-mongo.herokuapp.com/
audio browser-game canvas css dom eslint express heroku-deployment html javascript jest jquery landing-page mlab-data-api modal-dialog mongoose requestanimationframe rolling-scopes-school server-rendering webpack
Last synced: 23 Oct 2024
https://github.com/er-arunkumarselvam/javascript-dom
Explore the JavaScript DOM topics and task to be preformed in hands-on learning
Last synced: 26 Jan 2025
https://github.com/dxxxxy/projectmanager
Familiarization with the HTML DOM. Team project for 420-320-DW-WEB-DEVELOPMENT-II.
420-320-dw dev dom html manager project team web
Last synced: 04 Jan 2025
https://github.com/guiseek/web
aria css custom-elements dom html javascript native patterns standards typescript w3c wai web
Last synced: 24 Jan 2025
https://github.com/kuro-98/tweets-local-storage
✍️ Simulador de Tweets - Aplicación de área de texto para escribir y guardar "Tweets ". Permite a los usuarios crear, visualizar y gestionar una lista de Tweets guardados localmente. Desarrollada con JavaScript vanilla, HTML y CSS, como parte del curso de Juan Pablo de la Torre Valdez en Udemy.
dom dom-manipulation ecmascript ecmascript6 javascript juanpablodelatorrevaldez localstorage udemy udemy-course
Last synced: 11 Jan 2025
https://github.com/kuro-98/todolist-vite
📋 Todo List - Aplicación de lista de tareas desarrollada con JavaScript vanilla, utilizando Vite para la configuración del proyecto. Permite a los usuarios gestionar sus tareas pendientes, completadas y todas en una interfaz sencilla y limpia, inspirada en el estilo de Sindre Sorhus.
dom dom-manipulation ecmascript6 fernando-herrera fernandoherrera javascript modules-architecture udemy udemycourse udemyprojects vite
Last synced: 11 Jan 2025
https://github.com/milliorn/keyword-extractor
Website that consumes keywords in a form and prints in a modal the keyword results.
ai async asynchronous await chakra chakra-ui chakra-ui-react chakraui dom emotion execution-context framer-motion javascript promises react reactjs tsc types typescript vite
Last synced: 07 Feb 2025
https://github.com/sarath-sasikumar/ng-dom-image-capture
This is an Angular directive which can be used with any particular HTML node and enable it to be converted to its base64 image equivalent.
Last synced: 07 Feb 2025
https://github.com/neelakandanv/day21-2
A site for holidays of countries
css3 dom git github html5 javascript netlify
Last synced: 18 Jan 2025
https://github.com/neelakandanv/webcode-1
A simple site for cosmetic products
css3 dom git github html5 javascript netlify
Last synced: 18 Jan 2025
https://github.com/aleclarson/rapht
2D graphs in a compact and intuitive package
Last synced: 18 Jan 2025
https://github.com/l0nerof/guess-my-number
Guess My Number - a browser-based game
Last synced: 11 Jan 2025
https://github.com/l0nerof/bankist
Bankist - a single-page banking application
animations bem-methodology css dom html javascript lazy-loading
Last synced: 11 Jan 2025
https://github.com/fabianroy/guess-the-number
css dom guessing-number-game html javascript
Last synced: 11 Jan 2025
https://github.com/fabianroy/javascript-course-by-harry
Course practice files
codefiles course dom es6 javascript js learning nodejs practice-programming programming
Last synced: 11 Jan 2025
https://github.com/fabianroy/alpha-clash-pro
PH Practice Project #7
css3 dom html5 javascript tailwindcss
Last synced: 11 Jan 2025
https://github.com/sa2kasov/javascript-reference-guide
Reference Guide of JavaScript, DOM, BOM
bom dom javascript javascript-guide javascript-references
Last synced: 12 Jan 2025
https://github.com/aleclarson/dough
💸 Rich, modern, imperative DOM wrappers
Last synced: 18 Jan 2025
https://github.com/brettz9/handle-node
Simple callback delegator based on DOM Node type
delegator dom dom-node reducer
Last synced: 18 Jan 2025
https://github.com/brettz9/intl-dom
DOM element injection into locale place-holders with pluralization and number/date formatting
Last synced: 18 Jan 2025
https://github.com/grimen/react-interactable
A clean and performant React Hook implementation of universal component/element dragging/moving, dropping, and resizing.
browser dom draggable droppable interactable javascript react resizable
Last synced: 12 Jan 2025
https://github.com/yogadeepan29/async--day-20_task-1_virustotal-scanner
Day-20 Task ( Promise Task ) - VirusTotal Scanner
asynchronous-programming bootstrap5 dom fetch-api html-css-javascript malware-detection scanner virustotal
Last synced: 12 Jan 2025
https://github.com/jfjlaros/jso-dom
JSO to DOM: easy HTML creation from JavaScript.
Last synced: 12 Jan 2025
https://github.com/xotic750/is-node-x
Tests if a value is a DOM Node.
browser dom javascript node nodejs
Last synced: 18 Jan 2025
https://github.com/kulshekhar/mustache_incremental_dom.dart
An experiment to combine mustache with Incremental DOM in Dart
dart dom incremental incrementaldom mustache
Last synced: 12 Jan 2025
https://github.com/sagold/tick
old-school performance friendly timing utilities in dom-context
debounce dom loop performance raf requestanimationframe
Last synced: 07 Feb 2025
https://github.com/bilgehangecici/to-do-list-javascript
A simple naive To-Do List app for become more familiar with JavaScript Document Object (DOM)
css dom html javascript to-do-list todoapp
Last synced: 05 Feb 2025
https://github.com/code4mk/lets-dom
DOM ( Document Objects Model ) JS . 💗 code4mk
code4mk document-object-model dom js js-dom
Last synced: 12 Jan 2025
https://github.com/yashi-singh-9/temperature-converter
The Temperature Converter is a web app for converting temperatures between Celsius, Fahrenheit, and Kelvin. It practices DOM manipulation, form handling, and basic JavaScript calculations. The “Convert” button activates once all fields are filled, providing instant results.
css dom dom-manipulation html javascript manipulation roadmap roadmap-project
Last synced: 12 Jan 2025
https://github.com/mathieucaroff/xadom
Small DOM Element wrapper library, for Typescript projects
dom dom-library dom-wrapper-library lightweight no-dependencies typescript typescript-wrapper wrapper-library
Last synced: 02 Jan 2025
https://github.com/dzenis-h/drag-n-drop
Simple vanilla JS drag & drop implementation built for the purpose of refreshing classes, static methods, inheritance, this keyword, CSS selectors, DOM APIs, etc ...
browser-api class css-selector css3 dom drag-and-drop flexbox html5 inheritance javascript prototypal-inheritance static-method this vanilla-javascript
Last synced: 18 Jan 2025
https://github.com/ola-kaznowska/weather-application-using-api
Weather application using API. Application written in HTML5 CSS3 and JS. Front-End application
api application dom html-css-javascript javascript js junior-frontend-developer vanilla-javascript
Last synced: 24 Jan 2025
https://github.com/wlodpawlowski/html-dom-advanced
Web-application for testing all advanced facilities and functionalities of the DOM Objects.
attribute-object attributes dom dom-element dom-elements dom-js dom-object html html-attributes html-dom html-dom-element html-dom-tree html-element html-elements html5 node-object nodelist
Last synced: 24 Jan 2025
https://github.com/wlodpawlowski/dom-test-app
Developed simple web-application for testing (DOM) functionalities based on Bootstrap
bootstrap4 css3 dom ecmascript6 html5 javascript js learning-curve sass
Last synced: 24 Jan 2025
https://github.com/mehediislamripon/node-creation-and-remove-dom
Event delegation problem solved
bootstrap4 dom event-delegation html5 javascript solver
Last synced: 18 Jan 2025
https://github.com/martapolii/javascript-practice
Focusing on JavaScript and its advanced features like OOP, DOM manipulation, AJAX, and jQuery. Includes hands-on practice and implementation of dynamic web applications.
ajax bom client-side-scripting dom dynamic-web-application javasc javascript-arrays javascript-events javascript-form-validation javascript-functions jquery mobile-support web-storage
Last synced: 13 Jan 2025
https://github.com/andremelchior/javascript-labs
Repositório com arquivos de exercícios e experimentações em JavaScript, criados para fins de estudos e práticas de programação.
dom javascript js oop-in-javascript
Last synced: 19 Jan 2025
https://github.com/betaweb/dom-images
A simple JS class to get, filter, handle images URLs and catch their loading state on HTML document, HTML node, string and/or stylesheets.
background-image css dom handle-images images javascript jpeg jpg js png simple src stylesheets svg
Last synced: 19 Jan 2025
https://github.com/mirayatech/spotify-signup
css dom functions html javascript loops spotify ui
Last synced: 19 Jan 2025
https://github.com/magnitopic/marcas_daw
Ejercicios de Lenguaje de Marcas de 1ºDAW
bootstrap dom html-css-javascript responsive school
Last synced: 19 Jan 2025
