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-11 00:08:41 UTC
- JSON Representation
https://github.com/vivekkravindraa/e-commerce-frontend
INDEX-CATEGORY-PRODUCT-ACCOUNT-PROFILE
Last synced: 09 Jan 2025
https://github.com/underdogio/click-outside
Listen for clicks that happen outside of a DOM element.
Last synced: 06 Feb 2025
https://github.com/ashbyt/javascript
javascript repository - Ashley Bythell
dom dom-manipulation framework javascript query-selector
Last synced: 05 Jan 2025
https://github.com/aashrafh/fwd
My notes, exercises solutions, and projects during FWD nanodegree on Udacity
api asynchronous backend dom dom-manipulation express frontend http javascript landing-page nanodegree nodejs udacity udacity-nanodegree weather-app
Last synced: 06 Feb 2025
https://github.com/anjasfedo/submission-frontend-pemula
Submission Frontend pemula Dicoding.
dicoding-submission dom javascript
Last synced: 17 Jan 2025
https://github.com/anjasfedo/snake-game-javascript
Snake Game with HTML, CSS, and JavaScript Logic.
dom javascript learning-by-doing
Last synced: 17 Jan 2025
https://github.com/sidp919/fs-js-wd-b-dom-manipulation
This repo is for those who have learned the basics of JavaScript and are now ready to use the power of JavaScript further to build some apps using DOM Manipulation.
dom dom-manipulation es6 javascript
Last synced: 07 Jan 2025
https://github.com/layouwen/dom-yw
Simple encapsulation of the DOM API. 对 DOM API 的简易封装
Last synced: 16 Jan 2025
https://github.com/d-vale/lightness-js
Color palette to explore the use of Vite, npm, and Netlify with JS modules. This project was developed using several external libraries, including color-convert and notyf.
color-convert dom javascript js jsmodules modules nodejs notyf npm vite vitejs
Last synced: 29 Jan 2025
https://github.com/vulnpire/dominator
Detect potential vulnerabilities by analyzing inline JavaScript in web pages
Last synced: 13 Jan 2025
https://github.com/Greece4ever/React-JavaScript-2-Player-Chess
2 Player Chess written in React
Last synced: 04 Nov 2024
https://github.com/rakibrahman/tasks-to-do
A To-do app to help you to keep track of your daily tasks.
Last synced: 09 Feb 2025
https://github.com/taufiqpop/tutorial-javascript-dom
Tutorial JavaScript DOM (Document Object Model)
Last synced: 06 Jan 2025
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/ethan-arrowood/safe-get-element
Runtime-based type safety for the commonly used document.getElementById method.
Last synced: 06 Feb 2025
https://github.com/sakilk130/javascript-pig-game
This is a simple game and only client-side game. This name is 'Pig Game'
Last synced: 31 Dec 2024
https://github.com/michaelsboost/html2json
A simple app that converts HTML to JSON and back. This is effective for utilization of a virtual dom like an app such as a website builder.
converter dom generator html json vdom virtual virtual-dom
Last synced: 17 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/priyansh61/todo
A todo list to keep you organised
css dom html javas to-do-list todo
Last synced: 08 Feb 2025
https://github.com/tanangular/vite2-vue3
ทดสอบการ update DOM ด้วย timer กับ vite2 + vue3
benchmark dom frontend javascript js performance template vite vite2 vue vue3 vuejs
Last synced: 13 Jan 2025
https://github.com/jhoan5/calculator-vanilla-js
calculator implemented in JavaScript, providing an easy-to-use calculator for inclusion in various projects
calculator dom javascript mvc regular-expressions
Last synced: 25 Dec 2024
https://github.com/tsaidavid/virtual-dom-hash
Experiments with my own virtual DOM and hashing
crypto dom hashing javascript vdom virtual-dom
Last synced: 09 Feb 2025
https://github.com/eugenia1984/thirdexercisewithjs-dom
Using the contents developed in the unit I saw about on DOM, I carried out some actions to make changes in the html file
Last synced: 07 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/sonal599/counter-_project
Counter project is the combination of HTML CSS and Java script. which increase the counter in DOM and it reflects to the page.
Last synced: 30 Dec 2024
https://github.com/ethanent/sypent
JS DOM creation
dom dom-creation dom-library dom-manipulation javascript js web
Last synced: 26 Dec 2024
https://github.com/davidfig/dom-ease
a simple and super fast DOM animation library
animate dom ease fast javascript simple
Last synced: 17 Jan 2025
https://github.com/astoilkov/element-box
Work easily with an element's position and dimensions
Last synced: 30 Jan 2025
https://github.com/bbmoz/extend-decorator
Extend your objects using a decorator!
annotation babel decorator dom es2016 es7 extend inject
Last synced: 20 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/yashi-singh-9/tabs
The Tabs project offers a straightforward tabbed interface for navigating between content sections on a web page, using HTML, CSS, and JavaScript. It enables seamless content switching without page reloads.
css dom dom-manipulation html html-css-javascript javascript roadmap-project
Last synced: 04 Nov 2024
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/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/afeiship/next-element-in-viewport
Judge element if is in viewport.
Last synced: 07 Feb 2025
https://github.com/aswitalski/dom-test
A subset of DOM Level 4 for tests in Node.js
Last synced: 09 Feb 2025
https://github.com/dialtor/legosuperheores
Practice from Animations, Transitions and js dom
animation-css dom js transitions
Last synced: 01 Feb 2025
https://github.com/tzbob/scalatags-hokko
A Virtual DOM based DOM library for the Hokko FRP implementation.
dom frp functional-reactive-programming scalajs virtual-dom
Last synced: 12 Jan 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/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/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/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/mirror45/keksobooking
«Keksobooking» — сервис по размещению объявлений об аренде недвижимости в центре Токио. Пользователям предоставляется возможность разместить объявления о своей недвижимости или просмотреть уже размещенные объявления
dom es6 fetch js leaflet-map modules nouislider pristinejs promise
Last synced: 27 Dec 2024
https://github.com/km-saifullah/postblog
A blog site based on JavaScript DOM manipulation.
css3 document-object-model dom dom-manipulation figma-to-html html5 javascript responsive-design
Last synced: 27 Dec 2024
https://github.com/km-saifullah/randomcolorgenerator
This application can generate random colors.
copy-to-clipboard css document-object-model dom html javascript random-color-generator
Last synced: 27 Dec 2024
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/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/km-saifullah/shopping_list
A Basic JavaScript DOM Project.
css document-object-model dom html javascript
Last synced: 27 Dec 2024
https://github.com/remarkablemark/parcel-jsx-dom-example
Parcel jsx-dom example
dom example javascript jsx jsx-dom parcel site
Last synced: 22 Dec 2024
https://github.com/nazmul-nhb/payoo-ts-jquery
DOM for Fun with TypeScript & jQuery
bcryptjs dom dom-manipulation id-generator jquery localstorage notyf object-oriented-programming oop oop-typescript tailwind tailwindcss typescript
Last synced: 19 Dec 2024
https://github.com/chocolateboy/element-scope-ids
Scope IDs to an element by rewriting them to be globally unique
aria css css-modules dom html html-modules id ids modular scope scoped wai-aria
Last synced: 01 Feb 2025
https://github.com/yousufnaveedkhan/javascriptcourse
This JavaScript Course is well-documented and well-organized, check out all lectures and assignments here.
bootstrap css3 dom dom-manipulation html5 javascript jquery
Last synced: 09 Feb 2025
https://github.com/sakitam-fdd/js-mate
一个类jquery的工具库
ajax dom javascript jquery rollup
Last synced: 01 Feb 2025
https://github.com/iamnaveen8851/portfolio
In this repo, I'm pushing a directory which contains portfolio
Last synced: 20 Jan 2025
https://github.com/alejandro945/react-basic-examples
An introduction to React as a library/framework for web application development with javascript specialized in the user view
babel dom google-fonts jsx-renderer react remark
Last synced: 27 Dec 2024
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/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/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/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/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/afeiship/next-dom-event
Dom event api based on next toolkit.
Last synced: 27 Oct 2024
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/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/naopeke/maquetacion
Curso de Codenotch
css dom homework html javascript
Last synced: 13 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/superfola/forge
A set of functions to generate HTML easily
dom html-generator javascript npm
Last synced: 17 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/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/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/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/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/delian1986/js-core-may-2018
Repo for JS Core exercises solutions
dom handlebars javascript jquery js-advanced js-applications js-fundamentals js-oop jscore sammyjs softuni
Last synced: 09 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/stefifm/intro-dom-js-alura
Curso de Alura Latam sobre cómo manipular el DOM con JavaScript
alura dom dom-manipulation javascript oracle
Last synced: 08 Feb 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/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/rakibrahman/typing-speed
Test your typing speed!
dom es6 html javascript revealing-module-pattern scss
Last synced: 09 Feb 2025
https://github.com/emilyjspencer/guess-the-shade
🌈 Back to basics http://profuse-swing.surge.sh/
dom dom-manipulation javascript-game
Last synced: 09 Feb 2025
https://github.com/emilyjspencer/guess-the-french-word
http://receptive-selection.surge.sh/
dom javascript vanilla-javascript
Last synced: 09 Feb 2025
https://github.com/lemmon/nanocomponent-container
Container for storing Nanocomponer components instances.
Last synced: 20 Dec 2024
