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/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/adrianomonteiroweb/to-do-list-project

Projeto To do list para abordar a manipulação de CSS e JavaScript com manipulação do DOM.

css3 dom dom-js dom-manipulation html javascript javascript-dom js js-dom

Last synced: 22 Jan 2025

https://github.com/adrianomonteiroweb/pixel-art

Projeto do módulo de fundamentos na trybe para habilidades com o DOM.

dom dom-manipulation events javascript

Last synced: 22 Jan 2025

https://github.com/adrianomonteiroweb/drinkwater-project

Projeto para prática em CSS e JavaScript com manipulação do DOM.

css css3 dom dom-manipulation javascript javascript-dom

Last synced: 22 Jan 2025

https://github.com/tomasf/nodal

Cross-platform Swift XML library with a DOM interface

dom pugixml swift swift-linux swift-windows xml

Last synced: 28 Jan 2025

https://github.com/iftekheraziz/panda-commerce

Panda Commerce using JavaScript DOM

bootstrap5 css3 dom dom-manipulation html5 javascript

Last synced: 14 Jan 2025

https://github.com/ayanrv/simpleto-doapp

Simple To-Do List App using javascript DOM

dom dom-manipulation javascript js localstorage

Last synced: 15 Dec 2024

https://github.com/merri/nomjs

[WIP library] DOM is clumsy. NomJS makes it easy.

dom frontend javascript library nomjs ui

Last synced: 17 Jan 2025

https://github.com/jpnws/dom-exercises

JavaScript DOM API Exercises from Eloquent JavaScript

dom javascript

Last synced: 12 Jan 2025

https://github.com/coderboy-raiyan/ph-tube

A data fetching DOM Manipulation project

dom javascript tailwindcss

Last synced: 17 Jan 2025

https://github.com/samhinton88/react-showcase

Sandbox / Mock app to demonstrate competency in the React framework and testing through DOM emulation - work in progress

dom dom-emulation react testing

Last synced: 22 Jan 2025

https://github.com/pranava007/dom_caluclater

This is a Dom_Caluclator

bootstrap5 css dom html5

Last synced: 16 Jan 2025

https://github.com/sivakumar0703/pagination

Simple Pagination

api css dom html5 javascript netlify

Last synced: 14 Jan 2025

https://github.com/sivakumar0703/calculator

Basic Calculator

css dom html5 javascript netlify

Last synced: 14 Jan 2025

https://github.com/ariperkkio/virtual-dom-nodes

Apply changes to DOM Elements with minimal work

dom dom-manipulation

Last synced: 22 Jan 2025

https://github.com/pnodet/help-dom

Small js package I use to help me deal with the dom

dom javascript npm-package

Last synced: 14 Jan 2025

https://github.com/yuceltoluyag/dombot

dom ile yaptığım eski çalışmalardan

bot dom domotic

Last synced: 15 Jan 2025

https://github.com/zrooda/get-styled-clone

Get a 1:1 styled clone of an element

clone dom element styled

Last synced: 02 Feb 2025

https://github.com/madhabpaul/drumkit-interactive-game

DrumKit an interactive game made out of pure Vanilla-js

css dom es6 html5 javascript

Last synced: 28 Jan 2025

https://github.com/brandonxlf/c-minor

Infinitesimally small package for creating HTML elements

create createelement document dom html javascript npm-package

Last synced: 05 Feb 2025

https://github.com/achttienvijftien/niwaki

DOM traversal and modification library

dom php traversal

Last synced: 09 Jan 2025

https://github.com/naopeke/simon-game

Simon Game

challange dom javascript

Last synced: 13 Jan 2025

https://github.com/raulsilva0809/cajero-diseno-g17

Creacion de interfaz de un cajero automatico, con HTML,JAVASCRIPT, CSS y BOOTSTRAP

bootstrap css dom hoisting html javascript

Last synced: 22 Jan 2025

https://github.com/meicloudie/js_buoi2

CyberSoft Academy - JavaScript

course-project dom javascipt

Last synced: 22 Jan 2025

https://github.com/roy7077/dom-practice

A collection of 10 DOM-focused machine coding problems designed to enhance problem-solving skills in JavaScript. Ideal for coding interviews and hands-on practice

css dom dom-manipulation html javascript

Last synced: 17 Jan 2025

https://github.com/ajeeth9895/shopify

Shopify application using React

bootstrap css dom events html javascript react usestate

Last synced: 22 Jan 2025

https://github.com/ajeeth9895/pricecard

Pricecart bootstrap(React)

bootstrap5 css dom html5 javascript react

Last synced: 22 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/gowthamselvaraj123/react-basic-game

This repository contains a simple and interactive Tic-Tac-Toe game built with React.js. The game demonstrates the use of React state, components, and JSX, and includes two-way data binding to manage user interactions efficiently.

css dom forms html javascript react reactjs state-management

Last synced: 28 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/atomiclake/htmldomtest

Learning how the DOM works by implementing it.

dom html5 w3c

Last synced: 22 Jan 2025

https://github.com/vanesa-r/javascript

Aprendiendo JavaScript desde 0. Teoría y ejercicios prácticos para aprender a programar (y pensar) practicando.

codewars-kata-solution dom es6 exercises-code-javascript javascript

Last synced: 22 Jan 2025

https://github.com/hata6502/slice-html

Slice an HTML element by the text offset.

dom html offset slice text

Last synced: 09 Jan 2025

https://github.com/maiconrs95/the-complete-js-2020

Projects, challenges, quizzes, JavaScript ES6+, OOP, AJAX, Webpack :beer:

advanced ajax basics dom es6 javascript objetos oop quizz webpack

Last synced: 22 Jan 2025

https://github.com/neelakandanv/day15-1

Mini Calculator using Dom

css3 dom git github html5 javascript netlify

Last synced: 18 Jan 2025

https://github.com/neelakandanv/day18

Weather data using fetch( )

css3 dom fetch-api git github html5 javascript netlify

Last synced: 18 Jan 2025

https://github.com/neelakandanv/day21-3

Website of ideas to get rid of being bored

css3 dom git github html5 javascript netlify

Last synced: 18 Jan 2025

https://github.com/neelakandanv/day17

Callback hell - Countdown timer

css3 dom git github html5 js netlify

Last synced: 18 Jan 2025

https://github.com/georgiosioannoucoder/hw4-calculator-functionality

This is my solution to the hw4-calculator-functionality. 🔢

bootstrap5 calculator css3 dom html5 javascript

Last synced: 02 Jan 2025

https://github.com/russellsteadman/docile

Docile makes it easy to store and retrieve data about DOM nodes.

attributes dom dom-node html javascript node

Last synced: 22 Jan 2025

https://github.com/chillerlan/php-prototype-dom

prototype.js like DOM traversal and manipulation for PHP 7.4+.

dom php php-library php7 php8 prototypejs traversal

Last synced: 22 Jan 2025

https://github.com/scalajs-io/jquery

JavaScript library for DOM operations

css dom jquery scala scalajs

Last synced: 17 Jan 2025

https://github.com/greathayat/quick-gpt

A chrome extension to play with Large Language Models

ai chatgpt chrome-extension dom dom-manipulation openai reactjs

Last synced: 16 Jan 2025

https://github.com/bryanwilhite/songhay-web-components

planting small shadow-tree seeds 🌱👁 and watching them grow in the manner of 🦉 the living standard

chai css dom ecmascript html lerna-monorepo lit-element lit-html mocha shadow-dom typescript web-component

Last synced: 31 Dec 2024

https://github.com/satyamgupta53/web-dev-learning

This repository contains all the basic projects to understand HTML , CSS & Java Script. Concepts such as basic programming, dom manipulation, events are covered in details.

css dom events html javascript

Last synced: 24 Jan 2025

https://github.com/odiegosilva1/projetoreactjs

Projeto de página web básica usando React JS.

dom js styled-components

Last synced: 25 Jan 2025

https://github.com/sumaiyabanu15/heart_trail_animation

Hearts will be form according to the mouse movements

dom html-css-javascript

Last synced: 09 Jan 2025

https://github.com/zzall/domtools

处理dom的各种工具方法

dom easy easy-to-use tools

Last synced: 14 Dec 2024

https://github.com/smikhalevski/flyweight-dom

🍃 The extremely fast DOM implementation in just 4 kB gzipped.

dom typescript

Last synced: 09 Jan 2025

https://github.com/thericecold/momentum-app

Front-end activity 6: Momentum app clone using local storage

dom functional-programming html javascript localstorage momentum sass todo-list todolist vanilla-javascript

Last synced: 21 Jan 2025

https://github.com/nodef/svgdom-css

Include custom CSS along svgdom.

css dom svg svgdom

Last synced: 26 Jan 2025

https://github.com/nazmul-nhb/alpha-clash-pro

Alphabet Clash Pro Practice

dom game javascript

Last synced: 29 Jan 2025

https://github.com/awinogradov/dom-objects

DOM Objects declarations for tests, e2e, cypress and etc.

cypress dom e2e e2e-tests utils

Last synced: 05 Nov 2024

https://github.com/ksb96/odin

web development practice repo

css css-grid dom flexbox html5 javascript

Last synced: 31 Dec 2024

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/pirxpilot/attach-labels

Attach label node to the input node that follows it.

browser dom

Last synced: 29 Jan 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/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/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/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/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/semibran/h

Create virtual DOM nodes

create dom h html nodes virtual

Last synced: 19 Dec 2024

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

Document Object Model (DOM) Awesome Lists
knowledge 569 awesome 62 hyperawesome 71
Document Object Model (DOM) Categories
Uncategorized 540 Videos & Screencasts 20 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