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/swadeshchisim/alpha-clash-pro
A keyboard Project
daisyui dom dom-manipulation html javascript tailwindcss
Last synced: 02 Jan 2025
https://github.com/marcodpt/navbar
A navbar component
bootstrap bootstrap5 dom element hyperscript navbar navigation
Last synced: 13 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/afeiship/next-element-in-viewport
Judge element if is in viewport.
Last synced: 14 Dec 2024
https://github.com/rojcode/keytype
A JavaScript project showcasing a dynamic content changer for HTML elements based on their selectors. The project includes a function (changeInnerHtmlById) and a keydown event listener, providing real-time updates on key presses. Ideal for understanding basic DOM manipulation and event handling.
Last synced: 21 Jan 2025
https://github.com/g-wtham/classic-calculator
Calculator web application to perform basic mathematical operations, making it a handy tool for quick calculations.
calculator dom functions javascript
Last synced: 29 Jan 2025
https://github.com/thelegion007/lead-tracker
This is a bookmark extension for Google-Chrome/Edge desktop browser.
css3 dom htlm5 javascript localstorage
Last synced: 31 Dec 2024
https://github.com/kumaresh231299/dom-calculator
Creating a calculator using DOM
Last synced: 14 Jan 2025
https://github.com/dharshinisathasivam/call-back-hell
Call Back Hell Task
callbackhell css dom getelementbyid html js settimeout
Last synced: 05 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/axelop96/frontendmentor-reto2
Reto de pagina Front end Mentor utilizando HTML, CSS y JavaScript
Last synced: 02 Jan 2025
https://github.com/lemmon/nanocomponent-container
Container for storing Nanocomponer components instances.
Last synced: 20 Dec 2024
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/mahdi-marjani/js-human-interactions
Performing various human interactions and tasks using JavaScript, such as clicking on elements or filling in input fields.
automation bot dom dom-manipulation event-handling javascript javascript-dom javascript-interactions js
Last synced: 21 Jan 2025
https://github.com/serhiirepinskyi/goit-js-hw-06
JavaScript. Homework 06: task 1-10
dom event form javascript valid
Last synced: 31 Jan 2025
https://github.com/afeiship/next-dom-find-ancestor
Find the closest ancestor element that has a specific class.
Last synced: 14 Dec 2024
https://github.com/serhiirepinskyi/goit-js-hw-07
JavaScript. Homework 07: 01-image-gallery; 02-SimpleLightbox-library; 03-SimpleLightbox-library(lazysizes)
basiclightbox cdn dom feature-detection javascript lazy-loading lazysizes simplelightbox
Last synced: 31 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/harshitbalodi/drum-kit
Drum kit make sound on pressing different key and buttons on the screen.
Last synced: 09 Jan 2025
https://github.com/ashishshres/learning-javascript
Learning JavaScript From Scratch
arrays bind call class conditionals dates dom dom-manipulation events functions iterations javascript maths numbers objects oop prototype prototype-inheritance strings
Last synced: 23 Jan 2025
https://github.com/wbhob/magique
A utility for wrapping strings in tags without the headache.
dom html javascript magique tags typescript
Last synced: 29 Jan 2025
https://github.com/alice-sebego/thriller-song-lyrics
I've created the DOM elements of an HTML page from a JS page and a JSON page.
dom dom-manipulation javascript json
Last synced: 03 Feb 2025
https://github.com/acgrid/autoform
Real DOM form filler 某校的毕业设计
chrome dom graduate-project php
Last synced: 09 Jan 2025
https://github.com/nulitas/bookshelf-app
Sebuah repository untuk menyelesaikan submission Belajar Membuat Bookshelf App menggunakan DOM dan juga localStorage untuk Pemula yang diselenggarakan oleh Dicoding.
Last synced: 23 Jan 2025
https://github.com/milan-960/widgetx-library
This project is a Widget Management System built using a custom JavaScript library called X. The library handles the initialization, destruction, and state management of widgets in a DOM tree. It is designed to be environment-agnostic, meaning it can run both in a browser and in Node.js (with the help of JSDOM).
Last synced: 19 Dec 2024
https://github.com/adamreichold/robinson
For when you go to a lonely island and survival depends on parsing XML.
Last synced: 23 Jan 2025
https://github.com/mtapirina/piano_keys
Create a piano player with DOM events in JavaScript. Codecademy Lesson
codecademy-pro dom javascript piano-keys
Last synced: 19 Jan 2025
https://github.com/gbenson/dom-tokenizers
DOM-aware tokenization for Hugging Face language models
document-object-model dom html hugging-face natural-language-processing nlp tokenizer
Last synced: 19 Dec 2024
https://github.com/sayedtahsin/to-do-js
A simple To-Do list with three filter button using DOM-Manipulation :white_check_mark:
Last synced: 07 Jan 2025
https://github.com/danvitoriano/blog-template-34scj
JavaScript Bootstrap Blog Template with examples of Module Pattern, ES6 Classes and Export/Import, WebPack, Babel and Fetch Requests API and updates DOM
babel bootstrap dom es6 fetch-api iife javascript module-pattern nodejs npm package-manager webpack
Last synced: 07 Nov 2024
https://github.com/fwzmhmd/drum-kit
Play virtual drum kit with your keyboard
challenge dom dom-manipulation javascript project
Last synced: 01 Feb 2025
https://github.com/JenniferSmith007/reusable_WebComponent_VanillaJS
Defining a custom HTML elements by creating a reusable comment element and making it dynamic with state.
custom-component custom-element dom html-elements shadow-dom state-management template vanilla-javascript web-components
Last synced: 24 Oct 2024
https://github.com/vincentdchan/typescript-domhelper
DOM helper for Typescript
Last synced: 19 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/catt-tung/web-browser-snake
SEI Unit 1 Project
css css-grid css-in-js dom dom-manipulation html-css-javascript html5 javascript javascript-applications javascript-game snake snake-game vanilla-javascript webapp
Last synced: 24 Jan 2025
https://github.com/donghl-dev/mobile-web
Native App, Web App, Hybrid App
ajax dom html-css-javascript jquery jquery-mobile
Last synced: 05 Feb 2025
https://github.com/suryasudhan/day17task
country fetch API
bootstrap dom fetch-api html-css-javascript rwd-response
Last synced: 29 Dec 2024
https://github.com/gab-i-alves/complete-web-dev-bootcamp
Materials and projects from the "The Complete 2024 Web Development Bootcamp" course on Udemy, covering everything from HTML, CSS, and JavaScript to Node.js, Express.js, and React.
css dom html javascript nodejs react web webd
Last synced: 01 Feb 2025
https://github.com/chharvey/template-processor
A lightweight class for generating markup from a template and some data.
Last synced: 21 Jan 2025
https://github.com/serapath/elb
A simple library for composable DOM elements using tagged template strings.
binding dom element frontend one-way-binding reactive template template-literals
Last synced: 22 Dec 2024
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/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/aaditya29/javascript-tutorials
Javascript Basics and Intermediate Projects With Concepts
backend dom freecodecamp javascript js
Last synced: 14 Dec 2024
https://github.com/sayedtahsin/to-do-app
A basic To-DO App built with Raw Javascript For Learning processes.
Last synced: 07 Jan 2025
https://github.com/abdulmazidakash/conceptual-session-1-tour-with-dom
addeventlistener dom javascript
Last synced: 31 Dec 2024
https://github.com/bbmoz/inject-decorator
Create decorators that can inject anything into your JS modules!
annotation babel decorator dom es2016 es7 inject
Last synced: 29 Jan 2025
https://github.com/adam-robson/character-designer
This is a build-your-own-character exercise using vanilla JavaScript, HTML, and CSS.
Last synced: 04 Feb 2025
https://github.com/cyco/yt-page-transition
Weekend project to figure out how to do smooth page transitions youtube-style.
dom history-api javascript page-transitions spa
Last synced: 08 Jan 2025
https://github.com/castanedaluis/api-rest-movies
Plataforma de peliculas (MovieNet_v1.0.0) consumo de API con javascript puro, en donde consumimos endPoints de https://www.themoviedb.org. Creé el CRUD completo para este proyecto, Obtenemos la peliculas en tendencias, detalle de una pelicula, busqueda de peliculas, categorias, etc
dom fecth javascript manipulacion-de-datos movies rest-api
Last synced: 29 Dec 2024
https://github.com/aswassaw/latihan-audio-js
Belajar penggunaan class Audio() untuk membuat simple music player.
Last synced: 26 Dec 2024
https://github.com/anbumani12/async-day-2-task
Async-Day-2-task
dom fetch-api promise xmlhttprequest
Last synced: 21 Jan 2025
https://github.com/anbumani12/github-profile-fetch-api-task
GitHub User Profile-Fetch Task
api async-await css dom html js promise
Last synced: 21 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/linneasandberg/country-flag-quiz
Explore global flags in this quiz! Guess countries by their flags for a fun challenge.
css dom game-development html javascript
Last synced: 19 Dec 2024
https://github.com/anbumani12/project--2-git
Github User Profile-Fetch Project
api async-await css dom html js
Last synced: 21 Jan 2025
https://github.com/filip-kustura/hashiwokakero
A web-based implementation of the Hashiwokakero logic puzzle, built using JavaScript with DOM manipulation through jQuery, including event handling to create an interactive grid for drawing bridges.
bridges css dom hashi hashiwokakero html javascript jquery puzzle
Last synced: 29 Jan 2025
https://github.com/masaok/react-router-dom-demo
React Router DOM v6 Demo
dom javascript react react-router-dom router
Last synced: 29 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/oleksandr-romashko/goit-js-hw-15
Homework for events topic
css dom html javascript-css-html-dom
Last synced: 22 Jan 2025
https://github.com/anbumani12/async-day-5-task1
Async-Day-5-task 1
api async-await css dom html js
Last synced: 21 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/rubayedhasan/alpha-clash
alpha-clash [a typing game]
daisyui dom dom-manipulation html5-css3 javascript js tailwindcss
Last synced: 29 Jan 2025
https://github.com/ZahariCheyrekov/M05-JS-Advanced
JS Advanced course gives deeper knowledge about JavaScipt, syntax, arrays, matrices, objects, classes and functions. They are also concepts like function context, explicit binding and event loop. Working with DOM and events are the main object of the course. Students also learn about functional and OOP programming.
classes dom javascript objects prototypes unit-testing
Last synced: 23 Oct 2024
https://github.com/kuro-98/administrador-de-pacientes
🐶 Administrador de Citas para Veterinaria - Este proyecto es un sistema de gestión de citas para una clínica veterinaria. Permite a los usuarios registrar, editar y eliminar citas para sus mascotas, llevando un control eficiente y ordenado de las visitas al veterinario.
dom dom-manipulation ecmascript ecmascript6 javascript juanpablodelatorrevaldez udemy udemy-course
Last synced: 11 Jan 2025
https://github.com/jaandrle/deka-dom-el
A library expanding the capabilities of the native DOM API with the aim of offering the possibility of writing reactive UI templates/components declaratively directly in JavaScript.
client-side-rendering declarative declarative-programming declarative-ui dom functional-programming javascript reactive reactive-programming rendering server-side-rendering signals signals-library typescript ui ui-components vanilla-javascript vanilla-js webcomponents
Last synced: 21 Dec 2024
https://github.com/anbumani12/async-day-5-weather-api-task
Restcountries & Weather using Fetch API Task
css dom fetch-api html js promise xmlhttprequest
Last synced: 21 Jan 2025
https://github.com/rd-ricardo/calculadora-angular
Projeto para afins de estudos da ferramenta angular e suas diretivas
Last synced: 14 Jan 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: 14 Dec 2024
https://github.com/peternaydenov/dom-selector
DOM selections and DOM references organizer
dom reference selection selectors
Last synced: 11 Nov 2024
https://github.com/alissonooliveiraofc/task-list-v1
Que tal uma lista de tarefas simples e prática para um melhor gerenciamento do dia-a-dia de forma consistente e organizada? Em breve uma nova versão com novas features pra vocês #letsCode!
code code-exercise css database dom javascript localstorage storage task task-manager todoapp todolist tools
Last synced: 22 Nov 2024
https://github.com/kt3k/multiflip
Animation of dom, flipping its sections for showing and hiding the whole
Last synced: 05 Feb 2025
https://github.com/sushantp432/project-myntra
Myntra is a major E-commerce company headquartered in Bangalore, India. The focal point of their business model is mainly fashion & clothing sector and they are recently acquired by Flipkart, an Indian e-commerce Giant.
api css dom html javascript localstorage
Last synced: 14 Jan 2025
https://github.com/lesiaukr/goit-js-hw-14
Master's degree homework JS course - DOM
async-attribute classlist data-attributes defer-attribute dom dom-manipulation elem-attribute has-attribute hasattribute html-attributes innerhtml insertadjacenthtml queryselector queryselectorall reflow repaint set-attribute setattribute textcontent
Last synced: 29 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