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:

https://github.com/layouwen/dom-yw

Simple encapsulation of the DOM API. 对 DOM API 的简易封装

api dom learn

Last synced: 16 Jan 2025

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/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/asheelahmedsiddiqui/password-validation

I am created password validation by using HTML, CSS, JS

addeventlistener arrow-functions css dom funciton html javascript js regex ui

Last synced: 01 Feb 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/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/abdallarahmah/todo-app

Todo app challenge from frontend mentor

dom pugjs sass todoapp todolist

Last synced: 26 Dec 2024

https://github.com/mohamedhnoor/counter

Vanilla JavaScript - DOM

css3 dom html5 javascript

Last synced: 25 Jan 2025

https://github.com/aizubair21/weather-api

a javascript weather application using openweatherapi resources. It take your current location by default and show the much weather information. You set any specific area information by search location area. and so much information will be displayed ...............

api client-side csr dom html-css-javascript javascript localstorage-api rest-api weather weather-api weather-api-integration-examples weather-app weather-by-location weather-forecast

Last synced: 15 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/ambar/rx-hotkey

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

dom hotkey keyboard shortcut

Last synced: 02 Jan 2025

https://github.com/ryanve/bounding

Normalized cross-browser getClientBoundingRect

dom javascript

Last synced: 22 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: 08 Oct 2024

https://github.com/evinism/oceanic

Small but Mighty React-like

browser dom dom-manipulation hooks javascript react typescript

Last synced: 26 Jan 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/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/Greece4ever/React-JavaScript-2-Player-Chess

2 Player Chess written in React

chess dom react

Last synced: 04 Nov 2024

https://github.com/lemonadee71/poor-man-jsx

Create DOM elements painlessly with tagged template literals.

dom html javascript jsx template-literals

Last synced: 21 Dec 2024

https://github.com/ayush-kanduri/ui-calculator

This is a Stylish UI Calculator. It is a Simple Calculator with many operations to perform. It is built using HTML, CSS, Javascript (jQuery & DOM).

css dom html html5 javascript jquery

Last synced: 13 Jan 2025

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

css dom html javascript

Last synced: 01 Feb 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: 16 Dec 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/ksb96/odin

web development practice repo

css css-grid dom flexbox html5 javascript

Last synced: 31 Dec 2024

https://github.com/trentmwillis/dom-box

A toolbox to help you test the DOM

dom javascript testing

Last synced: 03 Feb 2025

https://github.com/pirxpilot/attach-labels

Attach label node to the input node that follows it.

browser dom

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/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.

dom event javascript keyboard

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/abhay-01/notes-project

Worked on JS methods

css dom event-listener js local-storage

Last synced: 14 Dec 2024

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/anshuthopsee/dragtomove.js

A tiny JavaScript library to make DOM elements movable with mouse or touch.

dom draggable javascript

Last synced: 14 Dec 2024

https://github.com/fluffyrudy/todo-app

Simple todo application made using Javascript

dom javascript the-odin-project todo-app webpack

Last synced: 01 Feb 2025

https://github.com/ewaldhorn/dommie

A TinyGo DOM library I use for a lot of projects.

dom go golang tinygo wasm

Last synced: 16 Jan 2025

https://github.com/conancos/the-jewel-show

Máquina manejando decimales con JavaScript, con una precisión absoluta. Juega y consigue tu joya preferida!

algorithms-and-data-structures cash-register dom html5-css3 image-generation-ai javascript

Last synced: 27 Jan 2025

https://github.com/conancos/paleta-colores-dom

Genera colores aleatorios en una bonita gamma propia

color-palette dom math-random

Last synced: 27 Jan 2025

https://github.com/phoqe/ogge

Convenient and efficient Swift wrapper for the Open Graph Protocol.

async await codable dom html meta ogp open-graph-protocol parser regex swift wrapper

Last synced: 23 Jan 2025

https://github.com/harshitbalodi/drum-kit

Drum kit make sound on pressing different key and buttons on the screen.

dom javascript

Last synced: 09 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/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.

dom javascript localstorage

Last synced: 23 Jan 2025

https://github.com/onurkerimov/pseudo.js

A plugin to convert :before and :after pseudo elements to real elements

converter css dom element parse pseudo reachable

Last synced: 20 Dec 2024

https://github.com/adamreichold/robinson

For when you go to a lonely island and survival depends on parsing XML.

dom parser tree 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/bkpecho/infinite-scroll

This web application utilizes modern web development techniques to create an efficient infinite scroll feature, allowing users to easily load a continuous stream of high-quality images from the Unsplash API.

async-await css3 dom fetch-api html5 javascript netlify responsive-design scroll-event unsplash-api

Last synced: 14 Dec 2024

https://github.com/tai2/vanilla-drag-movable

Drag and move behavior for DOM elements

dom drag javascript typescript

Last synced: 14 Dec 2024

https://github.com/smilevp/dom-operation

Created a basic form using dom operations

dom

Last synced: 04 Jan 2025

https://github.com/moinism/mquery

A lightweight DOM library for the times when you don't want to use the heavy ones.

alternative dom jquery lightweight

Last synced: 01 Feb 2025

https://github.com/vincentdchan/typescript-domhelper

DOM helper for Typescript

dom generator html typescript

Last synced: 19 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/thasup/dom-landing-page

This project is a multi-section landing page, with a dynamically updating navigational menu based on the amount of content that is added to the page.

css dom html javascript

Last synced: 31 Jan 2025

https://github.com/chharvey/template-processor

A lightweight class for generating markup from a template and some data.

dom html template

Last synced: 21 Jan 2025

https://github.com/chharvey/extrajs-dom

Javascript extensions to DOM.

attribute dom element node tree

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/thasup/dice-game

Feel lucky? Let's roll the dice to decide who will win with this simple web app.

css dom html javascript

Last synced: 31 Jan 2025

https://github.com/matusguy/files2inst

A DOM for Roblox Instances. Convert Roblox instances to JSON files and vice-versa.

build-tool dom roblox

Last synced: 21 Jan 2025

https://github.com/km-saifullah/shopping_list

A Basic JavaScript DOM Project.

css document-object-model dom html javascript

Last synced: 27 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/thasup/weather-journal-app

This project is to create an asynchronous web app that uses Web API and user data to dynamically update the UI in a Weather Journal application by using Express as a server framework on Node.js.

api css dom express html javascript nodejs render

Last synced: 31 Jan 2025

https://github.com/arronf2e/js-practice

📖 📖 practice

dom javascript

Last synced: 14 Dec 2024

https://github.com/muhamedayoub/javascript-dom-workshop

JavaScript DOM Workshop

dom javascript vite

Last synced: 28 Jan 2025

https://github.com/marlinsk/estudo-pratico-da-dom

Projeto prático do curso de programação Web Moderno da Cod3r para estudo dos conceitos da Dom, que é responsável pela integração do Javascript com HTML5 e css3 em um projeto web.

cod3rcursos css3 dom dom-manipulation html5 javascript

Last synced: 06 Jan 2025

https://github.com/peternaydenov/dom-selector

DOM selections and DOM references organizer

dom reference selection selectors

Last synced: 11 Nov 2024

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/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/km-saifullah/ticket_booking

This is a basic train ticket booking application on JavaScript DOM

css document-object-model dom dom-manipulation html javascript

Last synced: 27 Dec 2024

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/yuriipohorilets/goit-js-hw-06

📚 JS-HW-06 | DOM

dom goit javascript

Last synced: 16 Jan 2025

https://github.com/km-saifullah/studentdashboard

Simple student dashboard application using JavaScript DOM

chartjs css dom dom-manipulation git html javascript student-dashboard

Last synced: 27 Dec 2024

https://github.com/j2doll/xmldomreader

Document Object Model reader for XML (Qt5)

c cpp dom parser qt qt5 reader xml

Last synced: 25 Nov 2024

https://github.com/marcodpt/graph

A graph element based on cytoscape.js

cytoscape cytoscapejs dom element graph

Last synced: 13 Jan 2025

https://github.com/codelligentia/master-js

Master JavaScript: Coding using JavaScript in Depth

dom javascript methods

Last synced: 16 Jan 2025

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/andriikot/web-apis

WEB APIS conspect

bom conspects dom js webapi

Last synced: 28 Dec 2024

https://github.com/kt3k/multiflip

Animation of dom, flipping its sections for showing and hiding the whole

capsid component dom ui

Last synced: 05 Feb 2025

https://github.com/pyrossh/atoms-element

A simple web component library for defining your custom elements. It works on both client and server.

client components dom server ssg web

Last synced: 06 Jan 2025

https://github.com/substrate-system/dom

Helpers for working with the DOM in tests

dom test

Last synced: 07 Dec 2024

Document Object Model (DOM) Awesome Lists
knowledge 569 awesome 62 hyperawesome 71
Document Object Model (DOM) Categories
Uncategorized 540 Videos & Screencasts 19 Articles 18 Utilities V1 17 Extensions & Plugins 16 Examples 12 Articles & Tutorials V1 10 Boilerplates V1 9 Examples V1 9 Utilities 8 Official Resources 8 Articles & Tutorials 4 Podcasts 4 Starters 3 Other 3 Other V1 2 UI Frameworks 1 Applications 1 Testing V1 1