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-06 00:08:22 UTC
- JSON Representation
https://github.com/itachi-p/web-developer-bootcamp-2023
UdemyのWeb Developer Bootcamp 2023学習用
ajax dom express html-css-javascript mongodb mongoose nodejs npm yelpcamp
Last synced: 13 Jan 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/rutarj/signature-app
Simple and minimalist signature app with drawing, color selection, and image saving features.
Last synced: 01 Feb 2025
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/rutarj/weather-app
Weather app allowing users to search and display real-time weather information for any city.
Last synced: 01 Feb 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/github-dev12345/survey-form-freecodecamp-challenge-complete-
freeCodeCamp Challenge complete, make the survey-form, technologies are used SCSS nesting, mixing and partials file, & 😉👍Used CSS3 flex-box, HTML5 semantic codem Make Form DOM Tree Perfect 🚀😊
css3 dom flexbox freecodecamp html5 partials responsive-design scss scss-mixins survey-form
Last synced: 05 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/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/jlchntoz/zinawt
Zinawt is not a web toolkit
custom-elements decorators dom es-decorators jsx jsx-syntax react web-components
Last synced: 19 Dec 2024
https://github.com/robinfr/dom-dfs
Easily perform a depth-first-search through DOM elements
Last synced: 18 Dec 2024
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/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/afeiship/next-element-in-viewport
Judge element if is in viewport.
Last synced: 14 Dec 2024
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/ayaamar200/login
A Smart Login System website is a secure and user-friendly platform designed to make logging in quick and easy.
bootstrap5 crud css3 dom html5 javascript responsive rwd
Last synced: 01 Feb 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/superfola/forge
A set of functions to generate HTML easily
dom html-generator javascript npm
Last synced: 17 Jan 2025
https://github.com/harshit-saraswat/simon-game
This is another project in The Complete Web Development 2020 Bootcamp course from Angela Yu.
css dom dom-manipulation game html javascript javascript-game jquery simon-game
Last synced: 12 Jan 2025
https://github.com/karesztrk/webcomponent-base
A Web Component base class
baseclass dom shadowdom webcomponent
Last synced: 15 Oct 2024
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
https://github.com/mtapirina/chore-door
Codecademy Chore Door Project
codecademy-pro dom game javascript
Last synced: 19 Jan 2025
https://github.com/justjum/etch-a-sketch
JavaScript DOM manipulation Flex-a-sketch
css dom game javascript rainbow random
Last synced: 31 Jan 2025
https://github.com/shingareom/windowobjectin-js
Explore JavaScript's Window Object subobjects! 🪟📚 Discover a curated list with MDN links, revealing browser capabilities from storage to rendering. Enhance your understanding of the browser environment. Created for developers interested in diving deeper.
diploma dom javascript om omshingare shingare shingareom window
Last synced: 19 Jan 2025
https://github.com/kimdaniiell/web-lab-1
Лабораторная работа 1
ajax css dom html javascript php php5 web
Last synced: 19 Jan 2025
https://github.com/naopeke/maquetacion
Curso de Codenotch
css dom homework html javascript
Last synced: 13 Jan 2025
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/mondial7/splattercss
Support library for css scoping. Splatter your css into inline-styles. Available on NPM.
css css-inject dom inline-styles styling-and-shadow-dom
Last synced: 31 Jan 2025
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/elchininet/home-assistant-query-selector
Easily query Home Assistant DOM elements in an asynchronous way
dom dom-query home-assistant home-assistant-custom home-assistant-frontend javascript javascript-library library promises query-selector typecript
Last synced: 20 Jan 2025
https://github.com/afeiship/next-dom-event
Dom event api based on next toolkit.
Last synced: 27 Oct 2024
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/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/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/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/princebansal7/javascript-projects
Just sharing what I am Learning through my codes and Projects to understand DOM manipulation
Last synced: 25 Jan 2025
