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:

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-15 00:08:28 UTC
JSON Representation

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/axelop96/frontendmentor-reto2

Reto de pagina Front end Mentor utilizando HTML, CSS y JavaScript

css dom html javascript

Last synced: 02 Jan 2025

https://github.com/kumaresh231299/dom-form

Dom Form

css dom htmlform js

Last synced: 14 Jan 2025

https://github.com/kumaresh231299/dom-calculator

Creating a calculator using DOM

css dom javascript

Last synced: 14 Jan 2025

https://github.com/kumaresh231299/promise-task

Promise Task using dom to display the rest countries details

api api-rest css dom html js

Last synced: 14 Jan 2025

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

pazzle, 拼图

dom javascript

Last synced: 02 Jan 2025

https://github.com/lipskiyp/social-network

CS50w Project 4: Django Social Network App

ajax api django django-models dom html javascript python

Last synced: 14 Jan 2025

https://github.com/ajith-11399/countdown-timer-dom

This repository contains countdown timer Task

bootstrap css dom html javascript

Last synced: 08 Jan 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/luandersonalvesdev/pixel-art

Um quadro para pinturas em pixel

css css3 dom html html5 javascript js webstorage

Last synced: 21 Jan 2025

https://github.com/jill64/universal-sanitizer

💎 Isomorphic html sanitizer by DOMPurify + sanitize-html

dom html isomorphic sanitizer xss

Last synced: 10 Nov 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/amerrika/portfolio-projects

Welcome to my portfolio projects folder! Here you will find a collection of my projects, demonstrating my skills in Web development

api astro css3 dom html5 javascript scss vuejs3

Last synced: 14 Jan 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/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/jardelgcunha/click-counter

Click counter manipulating DOM with Javascript

bootstrap dom html javascript live-server vscode

Last synced: 15 Jan 2025

https://github.com/paulopariz/preenchimento-de-cartao

O Rocketpay é um componente que simula o formulário de preenchimento de cartão de crédito, onde é possível adicionar máscara aos inputs e atualizar elementos HTML via DOM.

dom full-stack imask javascript json node nodejs npm vite

Last synced: 11 Jan 2025

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

This is a Drum-Kit simulator made on web using Javscript DOM and Event Listeners! Unveil your inner musician and start banging those drums!

css dom drums drumstick eventlisteners html javascript moazzam moazzamsalman salman ui ux webdeveloper webgame

Last synced: 07 Jan 2025

https://github.com/risto-stevcev/purescript-window

A purescript wrapper for the window object

dom purescript window

Last synced: 09 Nov 2024

https://github.com/talhat298/andaman-website

andamanapp is a React web app using Material-UI, CoreUI, and Bootstrap, with Google Maps, Firebase, and TailwindCSS for a responsive and dynamic experience.

dom javascript nodejs reactspinner swiper webvitals

Last synced: 11 Feb 2025

https://github.com/mdselimme/balance-update-javascript-dom

dom html-css-javascript javascript

Last synced: 21 Jan 2025

https://github.com/ayesha-ghani098/to-do-app

Multi-Feature To-Do App Using Html CSS Bootstrap Javascript DOM

bootstrap css dom html javascript todoapp

Last synced: 03 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/felipeg-almeida/decodificador

Projeto decodificador desenvolvido como desafio que faz parte do programa Oracle Next Education.

challengeonedecodificador5 css dom html javascript

Last synced: 08 Jan 2025

https://github.com/pedroreves/faq-page

FAQ Website | FrontEnd Mentor Challenge

css css3 dom html html5 javascript responsive

Last synced: 31 Dec 2024

https://github.com/pmlcrz/aula9-react

Aula 8 - modulo 3 curso desenvolvimento full stack

dom javascript react reactjs

Last synced: 20 Jan 2025

https://github.com/anibalventura/resume-generator-web

Easy to use resume generator made with vanilla JavaScript.

bootstrap css dom dom-manipulation html javascript

Last synced: 11 Jan 2025

https://github.com/butility/dom

class class-management dom dom-manipulation element events html-tags traverse virtual-dom

Last synced: 12 Nov 2024

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/muhamedayoub/javascript-dom-workshop

JavaScript DOM Workshop

dom javascript vite

Last synced: 28 Jan 2025

https://github.com/ivopetkov/html5-dom-document-js

dom dom-manipulation html html5 javascript

Last synced: 16 Jan 2025

https://github.com/icherya/dom-render-tools

TypeScript library for easier DOM elements manipulation

dom dom-manipulation npm-package typescript

Last synced: 25 Dec 2024

https://github.com/sravantp7/number-guessing-game

A number guessing game built using HTML, CSS and Javascript.

css3 dom html5 javascript

Last synced: 04 Feb 2025

https://github.com/metcoder95/javascript_tutorial

Javascript tutorial for beginners

ajax arrays callback cycle dom ecmascript ecmascript6 events javascript promises strings

Last synced: 10 Feb 2025

https://github.com/ibrahimalsabr/gameon

css dom dom-manipulation form form-validation html javascript js

Last synced: 01 Feb 2025

https://github.com/lewypopescu/javascript-tasks-dom

JavaScript Tasks DOM

dom javascript

Last synced: 21 Jan 2025

https://github.com/smilevp/price-cart

Price Cart Bootstrap designed uisng ReactJS

bootstrap css dom html5 javascript react

Last synced: 04 Jan 2025

https://github.com/smilevp/call-back-hell-task

Call Back hell using DOM,Javascript,HTML and CSS to display the count from 10 to 1 and print Happy Independence day

css dom html- javascript

Last synced: 04 Jan 2025

https://github.com/divertimentos/course-dom

DOM course (Clyde Matthew on Udemy)

dom dom-manipulation javascript

Last synced: 04 Jan 2025

https://github.com/plotdb/datadom

dom serializer / deserializer.

dom dom-tree json

Last synced: 08 Jan 2025

https://github.com/mohamed-mamdouh41199/to-do-list-with-local-storage-

Simple to Do list app

bom css3 dom html5 javascript localstorage responsive-design

Last synced: 13 Jan 2025

https://github.com/sagnikc395/profitlosscalculator

Simple Profit and Loss Calculator 🤑

css dom

Last synced: 13 Jan 2025

https://github.com/alissonooliveiraofc/kade-meu-cep

Este projeto é uma aplicação web para consulta de CEP, que permite ao usuário inserir um código postal e obter informações detalhadas, como logradouro, bairro, localidade, DDD, estado, e região. Ele utiliza uma API para buscar os dados em tempo real e exibe os resultados de forma organizada e estilizada.

api css dom dom-manipulation error-handling flex-box html5 sweetalert2

Last synced: 19 Jan 2025

https://github.com/derektypist/dom-elements-by-tag-name

Document Object Model (DOM) - Investigation of the getElementsByTagName method. Count the number of items in a particular tag (e.g. li) as well as getting the random item in the particular tag.

bootstrap5 css3 documentobjectmodel dom getelementsbytagname google-fonts html5 javascript

Last synced: 27 Jan 2025

https://github.com/matheusfdosan/devlinks-rocketseat

O DevLinks é um agregador de links para usar como cartão de visitas online.

css dom figma git github html javascript media-queries rocketseat

Last synced: 04 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/yazaldefilimone/virtual-dom

Building a Virtual DOM

dom react virtual-dom web

Last synced: 18 Jan 2025

https://github.com/christopher-r-perkins/javascript-frontend-development

Solutions to Launch School JavaScript Front-end Development exercies. These exercises provided practice for manipulating the DOM.

dom dom-manipulation exercises javascript js launch-school

Last synced: 13 Jan 2025

https://github.com/abbotto/elemint

Tricks for the DOM

animate api browser css dom element html nodejs print stylesheet

Last synced: 11 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/gustavo-martins-pereira/javascript-criando_requisicoes

alura api course css css3 dom dom-manipulation fetch fetch-api get html html5 http javascript json json-server node post request response

Last synced: 15 Jan 2025

https://github.com/sk5198222/edgeautomation

Microsoft Edge Automation project

dom java maven selenium-webdriver

Last synced: 05 Jan 2025

https://github.com/chandrabose-11/dom-manipulation-from

In this task we are creating a calculator by using dom ,html,css ,bootstrap

bootstrap css dom html

Last synced: 07 Jan 2025

https://github.com/hoyirul/pokemon-gatcha

This project is built with React.js and TailwindCSS. It allows users to search for Pokémon, view detailed information, and use a gacha system to encounter Pokémon based on location and time of day.

dom javascript pokemon-api reactjs router-dom

Last synced: 15 Jan 2025

https://github.com/prinsfrank/htmldom

!Currently Unstable! HTML DOM parser

composer-library composer-package dom html html5 php

Last synced: 28 Jan 2025

https://github.com/queeniecplusplus/react_kissapp

Counter

dom es6-javascript reactjs

Last synced: 06 Jan 2025

https://github.com/townland-project/dom

Dom interpreter

dom library npm townland

Last synced: 08 Jan 2025

https://github.com/sevlamare/clock

Modern minimalist clock.

css3 dom html5 javascript js

Last synced: 04 Feb 2025

https://github.com/xan105/web-vanilla-query

DOM manipulation and traversal in Vanilla JS with chaining.

browser dom dom-manupulation esbuild esm jquery vanillajs

Last synced: 10 Nov 2024

https://github.com/nstevens1040/anglesharp.domparser

This library uses AngelSharp to parse an HTML string into a document object model. The library targets .NET Framework 4.7.2 so that it is compatible with Windows PowerShell.

csharp document-object-model dom dotnet-framework html library parser powershell windows-powershell

Last synced: 15 Jan 2025

https://github.com/dimzerdevas/dom-presentation

Part of an Agile Actors presentation about the Document Object Model

dom dom-manipulation dom-tr web

Last synced: 20 Jan 2025

https://github.com/yuriipohorilets/goit-js-hw-06

📚 JS-HW-06 | DOM

dom goit javascript

Last synced: 16 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/msamuelsons/slide

Projeto criado para praticar DOM

dom html-css-javascript js scss

Last synced: 22 Jan 2025

https://github.com/opifexm/kekstagram

A web application that allows users to view and edit images, apply filters, and manage comments.

api asynchronous-programming css3 dom es6 html5 javascript modular-design nouislider pristine

Last synced: 11 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/nstevens1040/anglesharpparser

This .NET 6.0 library uses AngleSharp to parse an HTML string into a DOM. It is written such that it can be easily used in PowerShell Core.

csharp document-object-model dom dotnet-6 dotnet-core html net-core net-core-6 net6 parse parser powershell powershell-core

Last synced: 15 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/andriikot/web-apis

WEB APIS conspect

bom conspects dom js webapi

Last synced: 28 Dec 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: 12 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/jlshanmathi/pagination

css dom html javascript

Last synced: 09 Jan 2025

https://github.com/jlshanmathi/calculator-task

css dom html javascript

Last synced: 09 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/twilight92/chrome-app

[JavaScript] (완강) 바닐라 JS로 크롬 앱 만들기 #노마드코더

ajax dom fetch javascript json localstorage openweather-api

Last synced: 11 Jan 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/kuro-98/carritodcompras

🛒 Carrito de Compras 🛍️ - Proyecto web desarrollado con JavaScript para agregar cursos al carrito de compras, realizar manipulación del DOM y mostrar el contenido del carrito. Llevado a cabo en el curso "Aprende el Lenguaje de Programación Web más popular paso a paso con +20 Proyectos" del profesor Juan Pablo De la Torre Valdez.

dom dom-manipulation ecmascript ecmascript6 javascript juanpablodelatorrevaldez udemy-course udemy-course-project