bg_image
header

Document Object Model - DOM

The Document Object Model (DOM) is a standardized interface provided by web browsers to represent and programmatically manipulate structured documents, especially HTML and XML documents. It describes the hierarchical structure of a document as a tree, where each node represents an element, attribute, or text.

Key Features of the DOM:

  1. Tree Structure:

    • An HTML document is represented as a hierarchical tree. The root is the <html> element, with child nodes such as <head>, <body>, <div>, <p>, etc.

  2. Object-Oriented Representation:

    • Each element in the document is represented as an object that can be accessed and modified through methods and properties.

  3. Interactivity:

    • The DOM allows developers to modify content and styles of a webpage at runtime. For instance, JavaScript scripts can change the text of a <p> element or insert a new <div>.

  4. Platform and Language Agnostic:

    • Although commonly used with JavaScript, the DOM can also be manipulated using other languages like Python, Java, or PHP.

Examples of DOM Manipulation:

1. Accessing an Element:

let element = document.getElementById("myElement");

2. Changing Content:

element.textContent = "New Text";

3. Adding a New Element:

let newNode = document.createElement("div");
document.body.appendChild(newNode);

Important Note:

The DOM is defined and maintained by the W3C (World Wide Web Consortium) standards and is constantly updated to support modern web technologies.

 

 

 


Created 1 Day 1 Hour ago
Categories
Object-oriented programming 23 Applications 50 Design Patterns 20 Strategies 96 Continuous Integration - CI 2 Testing 9 Characteristic 41 Protocols 12 Communication 8 Data Structure 5 Version Control 6
PHP 49 Python 1 Ruby 1 TypeScript 2 JavaScript 15 Erlang 2 Java 3 General 3
NoSQL 9 Relational Databases 15 Concepts 4 General 2 Data Warehouse 2 Time Series Databases 1 Data Types 1
Terraform 1 Cloud Computing 10 Server 4 Network 25 Virtualization 3 Ansible 1 Architecture 7 Characteristics 1
Cascading Style Sheets - CSS 3 Leaner Style Sheets - LESS 1 Syntactically Awesome Stylesheets - Sass 1
Attack Methods 17 Security Mechanisms 11 Organisations 1 Famous Security Loopholes 3
HTML 2 XML 4 Extensible Hypertext Markup Language - XHTML 1 Markdown 1
CSS 1
Kuenstliche Intelligenz 5
SCRUM 5 General 1 Kanban 1 Extreme Programming - XP 1 Crystal 5 Dynamic Systems Development Method - DSDM 1 Feature Driven Development - FDD 1
Applications 1
Tags
Release Please 2 Number of entries with this tag Subscriber 2 Number of entries with this tag Webpack 1 Number of entries with this tag Middleware 6 Number of entries with this tag Google 15 Number of entries with this tag Fifth Normal Form - 5NF 1 Number of entries with this tag Sequence Diagram 1 Number of entries with this tag Off-page optimization 1 Number of entries with this tag Commit 8 Number of entries with this tag Directive 1 Number of entries with this tag HTTP 2 26 Number of entries with this tag Phalcon 1 Number of entries with this tag HTML 35 Number of entries with this tag Server Side Includes - SSI 1 Number of entries with this tag OpenAI 2 Number of entries with this tag
Latest Article

Document Object Model - DOM

in Category

Development❭Markup Language❭HTML

Created 1 Day 1 Hour ago
Random Article

Object-Relational Mapper - ORM

in Category

Development❭Principles❭Strategies

Created 1 Year ago
Random Tech

Spring

spring.png