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-19 00:08:51 UTC
- JSON Representation
https://github.com/anbuleo/colorchangeusingjs
colorChangeusing js
attributes dom forin-loop html javascript javascript-css map
Last synced: 14 Feb 2025
https://github.com/ragnarokkr/tokan.js
Proof of concept wrapper library for MutationObserver Web API, suitable to be used in userscripts.
api dom javascript mutationobserver typescript userscripts web
Last synced: 13 Feb 2025
https://github.com/rasujon3/invoice-application
Conceptual Session Project 2
Last synced: 13 Feb 2025
https://github.com/rasujon3/dom-practice
Module - 25_5 - Dom Practice - Netlify Link: https://sujon-dom-practice.netlify.app/
Last synced: 13 Feb 2025
https://github.com/rasujon3/debug-conceptual-session-1
debug-conceptual-session-1
Last synced: 13 Feb 2025
https://github.com/rasujon3/bap-er-bank
Module -26 - DOM 1st Project with Tailwind
Last synced: 13 Feb 2025
https://github.com/sushilsree98/guvi
course-project dom html-css-javascript javascript
Last synced: 25 Jan 2025
https://github.com/gulashanhashami/food_app
This is a mini food app created by me. Here you can see latest food, food of the day. And you can search any food.
Last synced: 25 Jan 2025
https://github.com/carevicm/javascript-drum_lesson
Javascript DOM - Drum Lesson
animation css3 dom dom-manipulation html5 images javascript javascript-game sound
Last synced: 14 Feb 2025
https://github.com/dumebii/drumkit
Are you passionate about learning how to work the drums, but don't have real drums to practice? This app is just for you! Test out your drums skills and get better with out drum app!
Last synced: 08 Feb 2025
https://github.com/rubayedhasan/busfarefinder.com
BusFareFinder.com
daisyui dom dom-manipulation dom-manupulation html5-css3 javascript js tailwindcss
Last synced: 29 Jan 2025
https://github.com/rubayedhasan/tab-tab-typing-game
tab-tab-typing-game (A Typing Game)
dom dom-manipulation flowbite html5-css3 javascript js tailwindcss
Last synced: 29 Jan 2025
https://github.com/pranavharsh/shopping-app
oooo waooo, really a big shopping app created by me it has the feature of easily signin and signup with GOOGLE.it has database that stores your id and password for next time login. it contains separate pages for different items and you can easily add your items to cart and also you can increase or decrease their quantities and see their total price. you can also make fake PAYMENTS.that's all about this APP.
dom express firebase-database google html javascript memoize node react redux router scss stripe yarn
Last synced: 17 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/marcodpt/graph
A graph element based on cytoscape.js
cytoscape cytoscapejs dom element graph
Last synced: 13 Jan 2025
https://github.com/marcodpt/h
Yet another hyperscript function
dom dom-manipulation es6-modules frontend html-tags hyperapp hyperscript microfrontends mithril server-side server-side-rendering tags
Last synced: 13 Jan 2025
https://github.com/codelligentia/master-js
Master JavaScript: Coding using JavaScript in Depth
Last synced: 16 Jan 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/shyamsundernt/trading--card--game
TCG (Trading Card Game) Dex API
Last synced: 06 Feb 2025
https://github.com/shyamsundernt/isro-satellites-launched-
ISRO customer satellites launched details
api css dom html isro javascript
Last synced: 06 Feb 2025
https://github.com/fi1a/simplequery
PHP HTML DOM Parser управляемый CSS3 селекторами
dom dom-manipulation html parser php
Last synced: 29 Jan 2025
https://github.com/athanclark/purescript-thermite-dom
DOM bindings for thermite
dom purescript reactjs redux thermite
Last synced: 28 Dec 2024
https://github.com/vicky11vicky11/bankist
A sample baank operations website using js
Last synced: 13 Feb 2025
https://github.com/athanclark/purescript-zeta-extra
Extra modules and kit that aren't minimally required for Signals
dom handler purescript purescript-zeta signal timers
Last synced: 28 Dec 2024
https://github.com/null-none/crel2
A small, simple, and fast DOM creation utility
Last synced: 27 Nov 2024
https://github.com/antoniomiguel03/projetos_html
Projetos básicos utilizando os príncipios da linguagem de marcação HTML
atributos dom formularios front-end html listas tabelas tags
Last synced: 06 Feb 2025
https://github.com/zegnat/html-utilities
Utility classes for working with HTML in PHP.
Last synced: 30 Jan 2025
https://github.com/vivekkravindraa/javascript
javascript - es5 - es6 - axios - tickets - script - frontend
Last synced: 09 Jan 2025
https://github.com/shravzzv/items-lister
Final exercise from DOM manipulation YouTube course by Brad Traversy.
bradtraversy dom dommanipulation js theodinproject
Last synced: 02 Feb 2025
https://github.com/deptno/react-script-fall
🍂 Declarative async script loader with order control
dom hooks react react-hook script
Last synced: 31 Dec 2024
https://github.com/ubermanu/arrosoir
🚿 Hydrate HTML with a selector and a url
Last synced: 13 Feb 2025
https://github.com/muthupandi-b/petadoption-frontend
The Pet Adoption Platform frontend is built using React and styled with Tailwind CSS, providing a seamless and responsive user interface for browsing pets available for adoption. Users can submit adoption requests, request to foster pets, and update pet conditions directly from their dashboard.
Last synced: 06 Feb 2025
https://github.com/bankole2000/booklist
Simple Booklist with ES5 & ES6 Classes
classes constructor dom es5 es6 events localstorage objects prototype
Last synced: 15 Feb 2025
https://github.com/sofiane-abou-abderrahim/ajax-async-js-http-in-nodejs-express-mongodb-website
In this NodeJS - Express - MongoDB website, I sent AJAX requests. Therefore, I can send my own requests without getting the page reloading and I handle the response manually in my browser-side code. For this, I used the fetch() function. With this function, I sent GET requests and POST requests.
ajax ajax-request async-await dom dom-manipulation error-handling express fetch get-request http-methods javascript json mongodb nodejs post-request promise response-errors technical-errors try-catch
Last synced: 09 Feb 2025
https://github.com/arthurazevedods/programacaoweb
Material da Disciplina de Programação Web
box-model css dom html javascript layouts
Last synced: 13 Feb 2025
https://github.com/aayushyadavz/keyboard_press
Created a keyboard press project using Javascript Event Listener and in this you have to type any key from your keyboard and this will show it's key code, key, code.
dom eventlistener javascript keyboard windowobject
Last synced: 26 Jan 2025
https://github.com/atif-aqeel/type-ahead-search
Typeahead is an autocomplete or autosuggest feature commonly used in search interfaces to offer suggestions to users as they enter a query.
Last synced: 28 Dec 2024
https://github.com/styx11/2048
🕹A 2048 game
dom game game-score game-state grid newposition oldposition
Last synced: 20 Jan 2025
https://github.com/frozen/hierarchy
rust library for storing hierarchical data
Last synced: 30 Jan 2025
https://github.com/aayushyadavz/dicee_challenge_game
Made Dice Challenge Game using Javascript DOM.
Last synced: 26 Jan 2025
https://github.com/aayushyadavz/bmi_calculator
Made BMI Calculator using Javascript.
css dom events html javascript
Last synced: 26 Jan 2025
https://github.com/atif-aqeel/custom-video-player
JS Fun Practice - Video Player
dom dynamic-css event-listeners events video-player
Last synced: 28 Dec 2024
https://github.com/sofiane-abou-abderrahim/javascript-oop-project-planner
I built this JavaScript application where we can move items around. I worked with classes and with the Object Oriented Programming (OOP) approach. I also worked with the DOM, I moved elements around and with event listeners. I used a callback pattern to pass functions to other instances so that from inside they could be called upon certain events.
callback classes classes-and-inheritance classes-and-objects dom event-listeners functions javascript object-oriented-programming oop
Last synced: 09 Feb 2025
https://github.com/erenelagz/javascript-dom-projects
JS DOM Projects
dom example-project javascript webdevelopment
Last synced: 06 Jan 2025
https://github.com/shobanamuthiah/dom-calculator
Basic Calculator using DOM
Last synced: 13 Jan 2025
https://github.com/shafygunawan/bookshelf-apps
Book management web application using HTML5, CSS3, and Javascript.
bookshelf dom javascript localstorage todo-app web-storage
Last synced: 06 Feb 2025
https://github.com/vibhudixit-2215001940/scriptify-learning
📚 Scriptify-Learning is my journey through JavaScript, inspired by Coding Blocks and guided by Samarth Vohra Bhaiya. As a proud Super 150 student, I aim to share and grow with the developer community! 🚀
Last synced: 06 Feb 2025
https://github.com/ghoullier/create-dom
Lightweight create DOM element helper
Last synced: 03 Feb 2025
https://github.com/shobanamuthiah/callback-hell
Independence day wish with count down using call back hell (DOM)
css dom dommanipulation html javascript
Last synced: 13 Jan 2025
https://github.com/shobanamuthiah/dom-manipulation-form
Basic survey form using DOM manipulation
Last synced: 13 Jan 2025
https://github.com/shobanamuthiah/emoji-world
It filters the Emojis
api css3 dom emoji html5 javascript
Last synced: 13 Jan 2025
https://github.com/shobanamuthiah/restcountries-api
Weather Report of Restcountries API
css3 dom html5 javascript restcountries-api
Last synced: 13 Jan 2025
https://github.com/sofiane-abou-abderrahim/javascript-dom-browser-apis-project-planner
In this little demo application, I used several DOM concepts, like element positions and sizes, scrolling, and some browser features, like dynamic script additions and template tags, timers and intervals. Besides, I had a loo at some browser APIs such as location, history and navigator (in the browser console).
browser-api dom dynamic-script history intervals javascript location navigator position scrolling size template-tags timers
Last synced: 09 Feb 2025
https://github.com/sofiane-abou-abderrahim/vuejs-first-app-with-just-js
This is a very trivial JavaScript demo website where I used some Vanilla JavaScript responsible of adding goals and rendering them in a list when clicking on a button. I just built it to compare this approach with the approach I use in my other demo app that I built with Vue.js.
css3 dom event-listener html5 javascript
Last synced: 09 Feb 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: 17 Feb 2025
https://github.com/4marsha1/thedomchallenge
DOM Challenges
dom dom-manipulation vanilla-javascript
Last synced: 13 Jan 2025
https://github.com/smazurs/tictactoe
This is a simple web-based Tic-Tac-Toe game where two players, or a player against a computer, take turns marking spaces in a 3x3 grid with Xs and Os.
Last synced: 13 Jan 2025
https://github.com/richardnk24/viewdje-ss
A Pizza restaurant website. See the latest restaurant information about pizzas and more.
cli css3 directives dom html5 javascript router vuejs
Last synced: 05 Jan 2025
https://github.com/altmshfkgudtjr/eleposition
Get Element position & information
Last synced: 03 Feb 2025
https://github.com/evp8/workshop---wowel-count
css3 dom htlm5 student-project
Last synced: 09 Jan 2025
https://github.com/evp8/51-grupe-dom
Intro to DOM
css3 dom dom-manipulation html5 student-project
Last synced: 09 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: 13 Feb 2025
https://github.com/jaandrle/dollar_dom_svg
This repository shows usage of `$dom.component` for creating SVG (charts) by using some helper functions. Also, it can be used as inspiration for different library and or plain SVG.
chart charts dom functional javascript reactive svg
Last synced: 13 Feb 2025
https://github.com/hamidhosen42/temperature-hot-solution-api-js
Temperature hot solution api js
api bootstrap css dom html javascript json
Last synced: 31 Dec 2024
https://github.com/hamidhosen42/simple-invoice-application-using-javascript-dom
simple-invoice-application-using-javascript-dom
css css3 dom html html5 javascript
Last synced: 31 Dec 2024
https://github.com/hamidhosen42/programming-hero
Web development is the work involved in developing a website for the Internet or an intranet. Web development can range from developing a simple single static page of plain text to complex web applications, electronic businesses, and social network services.
bootcamp css css-framework dom es6-javascript html javascript jwt mongodb-atlas nodejs react tailwind-css
Last synced: 31 Dec 2024
https://github.com/priontoabdullah/issue-tracker-js-app
💯 A single page application where the user can track their issues. 🗽🤖 View This App: https://priontoabdullah.github.io/issue-tracker-js-app/ 🏧
bootstrap dom javascript logic
Last synced: 13 Jan 2025
https://github.com/tokhy1/js_todo_list_app
This is a simple and intuitive todo list application built using JavaScript. Keep track of your tasks, set priorities, and stay organized with this easy-to-use web app.
coding css dom html javascript localstorage programming tasks-manager todo-app todo-list
Last synced: 31 Dec 2024
https://github.com/shadyashraf174/guess-my-number
It is a simple browser-based game where players attempt to guess a randomly generated number between 1 and 20.
Last synced: 13 Feb 2025
https://github.com/shadyashraf174/modal
an interactive component that overlays the current page content, typically used to display important information or actions.
css dom html interactive javascript modal
Last synced: 13 Feb 2025
https://github.com/myterminal/dom-cat
A minimal library to print and log text to DOM elements
Last synced: 17 Jan 2025
https://github.com/santhoshs50/async_day_1_task
Independence Day Wishes Task
callback callback-hell css dom html javascript
Last synced: 24 Jan 2025
https://github.com/ajayprince692/veritech-task_3
todo app
crud css3 dom html5 javascript
Last synced: 15 Feb 2025
https://github.com/ameerhamzahd/gastroglide
GastroGlide is your go-to food cart for fast, quality meals on the move. We combine the convenience of quick service with a commitment to fresh, healthy ingredients. Whether you're grabbing a bite or ordering delivery, GastroGlide offers delicious, guilt-free fast food that fits your lifestyle.
Last synced: 15 Feb 2025
