attribute - ¿Qué es el elemento DOM?
title css (10)
DOM (Document Object Model) es un estándar para acceder a documentos.
''Cuando se carga una página web, el navegador crea un Modelo de Objetos de Documento de la página''.
está dividido en 3 partes:
- Core DOM - standard model for all document types
- XML DOM - standard model for XML documents
- HTML DOM - standard model for HTML documents
Para obtener más información, consulte: http://www.w3schools.com/js/js_htmldom.asp
¿Cuál es el significado del elemento DOM en las siguientes afirmaciones?
Puede agregar múltiples clases a un solo elemento DOM.
El punto es que la herencia en CSS no se realiza a través de clases, sino a través de jerarquías de elementos. Entonces, para modelar rasgos heredados, debe aplicarlos a diferentes niveles de elementos en el DOM.
Sé que DOM significa Domain Object Model
. Parece ser sinónimo de API en las declaraciones.
DOM es sinónimo de Document Object Model. Es el estándar W3C (World Wide Web Consortium). Define un estándar para acceder y manipular documentos HTML y XML. Los elementos de DOM son la cabecera, el título, la etiqueta del cuerpo, etc. Por lo tanto, la respuesta de su primera afirmación es
Statement # 1 Puede agregar múltiples clases a un solo elemento DOM.
Explicación: "div class =" cssclass1 cssclass2 cssclass3 "
Aquí la etiqueta es un elemento de DOM y he aplicado varias clases al elemento DOM.
DOM es un modelo lógico que se puede implementar de cualquier manera conveniente. Se basa en una estructura de objetos que se asemeja mucho a la estructura de los documentos que modela.
Para obtener más información sobre DOM: w3.org/TR/DOM-Level-2-Core/introduction.html
Document Object Model (DOM), una especificación de interfaz de programación desarrollada por World Wide Web Consortium (W3C), permite a un programador crear y modificar páginas HTML y documentos XML como objetos de programa completos.
En realidad es el Modelo de Objetos de Documento. HTML se usa para construir el DOM, que es una representación en memoria de la página (aunque está estrechamente relacionado con HTML, no son exactamente lo mismo). Cosas como CSS y Javascript interactúan con el DOM.
Modelo de objeto de documento .
DOM es la forma en que Javascript ve los datos de sus páginas que contienen. Es un objeto que incluye cómo se formatea HTML / XHTML / XML, así como el estado del navegador.
Un elemento DOM es algo así como un elemento DIV, HTML, BODY en una página. Puede agregar clases a todos estos usando CSS o interactuar con ellos usando JS.
Para descubrir el concepto del elemento DOM, es esencial comprender el concepto de HTML dinámico y DOM. Todo comienza desde el momento en que se mejoran los requisitos de todos los accionistas de las páginas web. Querían las páginas web que pudieran ser más interactivas, dinámicas y animadas. Además, para alcanzar este objetivo, los desarrolladores requerían las herramientas y los mecanismos que a través de ellos pueden modificar o manipular la presentación y el contenido de cada sección de la página web. Por lo tanto, se crea el concepto de HTML dinámico. Para entenderlo, una gran definición de HTML dinámico es accesible en Wikipedia :
Dynamic HTML, o DHTML, es un término general para una colección de tecnologías usadas juntas para crear sitios web interactivos y animados mediante una combinación de un lenguaje de marcado estático (como HTML), un lenguaje de scripting del lado del cliente (como JavaScript), un lenguaje de definición de presentación (como CSS) y el Modelo de Objetos de Documento (DOM).
Por lo tanto, la escritura de páginas web estándar DHTML está estandarizada en tres campos, incluido el lenguaje de scripting del lado del cliente (como JavaScript), un lenguaje de definición de presentación (como CSS) y una interfaz de programación uniforme (API) para acceder y modificar la página web (Documento Modelo de objetos). Esta actividad es realizada por W3C y otros. También para resolver el problema del navegador cruzado, W3C intentó llegar a un consenso general (con diferentes proveedores de navegadores) sobre scripts para acceder y manipular documentos HTML y XML a través del Modelo de Objetos de Documentos (DOM) como una interfaz de programación de aplicaciones (API) estándar.
Pero la pregunta principal es cómo diseñaron la estructura de Document Object Model para satisfacer sus necesidades. Su solución fue simple pero maravillosa. Utilizaron una estructura jerárquica como árbol que en la raíz del árbol puede encontrar el objeto del documento, también cada nodo es equivalente a un elemento HTML (elemento DOM). Esta abstracción de su página web le brinda una gran facilidad para acceder a cualquier elemento HTML, hojas de estilo y ... Para entenderlo mejor, puede asignar cada sangría de su código HTML a cada nivel del árbol DOM. Por favor, preste atención a este ejemplo:
Tu HTML:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p>...</p>
<ul>
<li>...</li>
</ul>
<table>
<tr>...</tr>
</table>
</body>
</html>
Estructura DOM:
document
| .
<html> .
/ / .
<head> <body> styleSheets
/ / /
<p> <ul> <table>
/ / /
text <li> <tr>
Entonces, cada nodo de esta estructura jerárquica (árbol DOM) se refiere a un elemento DOM. Para obtener más información, use esta referencia
Según W3C: DOM permite que los programas y scripts accedan y actualicen dinámicamente el contenido, la estructura y el estilo de los documentos XML o HTML.
DOM se compone de:
- conjunto de objetos / elementos
- una estructura de cómo estos objetos / elementos se pueden combinar
- y una interfaz para acceder y modificarlos
aclamaciones
Si las declaraciones están en el contexto de cómo CSS afecta HTML, entonces el elemento DOM se refiere a un elemento HTML .
Vea que sus declaraciones se refieren a "elementos del DOM", que son cosas como las etiquetas HTML (A, INPUT, etc.). Estas declaraciones simplemente significan que se pueden asignar múltiples clases de CSS a uno de esos elementos.