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-12 00:08:38 UTC
JSON Representation

https://github.com/anbumani12/async-day-5-weather-api-task

Restcountries & Weather using Fetch API Task

css dom fetch-api html js promise xmlhttprequest

Last synced: 21 Jan 2025

https://github.com/anbumani12/react-shopping-cart-task

React Shopping Cart Task

bootstrap css dom html js json react

Last synced: 21 Jan 2025

https://github.com/anbumani12/dom-calculator-task

DOM Calculator task

bootstrap css dom html js

Last synced: 21 Jan 2025

https://github.com/anbumani12/async-day-5-task-3

Async-Day-5-task 3

api-rest bootstrap css dom fetch-api html js

Last synced: 21 Jan 2025

https://github.com/anbumani12/async-day-5-task1

Async-Day-5-task 1

api async-await css dom html js

Last synced: 21 Jan 2025

https://github.com/anbumani12/dom-day-3-task-2

DOM DAY 3 TASK 2 COMPLETED

dom

Last synced: 21 Jan 2025

https://github.com/anbumani12/project--2-git

Github User Profile-Fetch Project

api async-await css dom html js

Last synced: 21 Jan 2025

https://github.com/anbumani12/github-profile-fetch-api-task

GitHub User Profile-Fetch Task

api async-await css dom html js promise

Last synced: 21 Jan 2025

https://github.com/anbumani12/async-day-2-task

Async-Day-2-task

dom fetch-api promise xmlhttprequest

Last synced: 21 Jan 2025

https://github.com/anbumani12/reactday3task

React Day-3 Task

bootstrap css dom html js json jsx react

Last synced: 21 Jan 2025

https://github.com/aswassaw/latihan-audio-js

Belajar penggunaan class Audio() untuk membuat simple music player.

dom js

Last synced: 26 Dec 2024

https://github.com/castanedaluis/api-rest-movies

Plataforma de peliculas (MovieNet_v1.0.0) consumo de API con javascript puro, en donde consumimos endPoints de https://www.themoviedb.org. Creé el CRUD completo para este proyecto, Obtenemos la peliculas en tendencias, detalle de una pelicula, busqueda de peliculas, categorias, etc

dom fecth javascript manipulacion-de-datos movies rest-api

Last synced: 29 Dec 2024

https://github.com/cyco/yt-page-transition

Weekend project to figure out how to do smooth page transitions youtube-style.

dom history-api javascript page-transitions spa

Last synced: 08 Jan 2025

https://github.com/adam-robson/character-designer

This is a build-your-own-character exercise using vanilla JavaScript, HTML, and CSS.

css dom html javascript

Last synced: 04 Feb 2025

https://github.com/sayedtahsin/to-do-app

A basic To-DO App built with Raw Javascript For Learning processes.

css3 dom html5 javascript

Last synced: 07 Jan 2025

https://github.com/suryasudhan/day17task

country fetch API

bootstrap dom fetch-api html-css-javascript rwd-response

Last synced: 29 Dec 2024

https://github.com/danvitoriano/blog-template-34scj

JavaScript Bootstrap Blog Template with examples of Module Pattern, ES6 Classes and Export/Import, WebPack, Babel and Fetch Requests API and updates DOM

babel bootstrap dom es6 fetch-api iife javascript module-pattern nodejs npm package-manager webpack

Last synced: 07 Nov 2024

https://github.com/sayedtahsin/to-do-js

A simple To-Do list with three filter button using DOM-Manipulation :white_check_mark:

dom js

Last synced: 07 Jan 2025

https://github.com/shgysk8zer0/node-dom

Basic DOM implementation

dom html node node-dom node-html node-js

Last synced: 17 Oct 2024

https://github.com/serhiirepinskyi/goit-js-hw-07

JavaScript. Homework 07: 01-image-gallery; 02-SimpleLightbox-library; 03-SimpleLightbox-library(lazysizes)

basiclightbox cdn dom feature-detection javascript lazy-loading lazysizes simplelightbox

Last synced: 31 Jan 2025

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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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: 12 Feb 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/twilight92/chrome-app

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

ajax dom fetch javascript json localstorage openweather-api

Last synced: 11 Jan 2025

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