# data[].attributes.headline
¿Para qué sirve el uso de consola en JavaScript?

# data[].attributes.subject
¿Para qué sirve el uso de consola en JavaScript?

# data[].attributes.body
Sirve para encontrar errores en el codigo, se una tambien la consola del navegador y ahi podemos ver los mensajes que dejamos tambien, como el console.log().

# data[].attributes.body
es una caracteristica para que se ejecute el codigo de mera estricta para podser ver mas errore.

# data[].attributes.body
Es una variable que no se puede reasignar, osea no se pueden redeclarar.

# data[].attributes.body
Es una variable que tiene limitado su alcanze, se usa para definir variables que estan dentro de un bloque.

# data[].attributes.headline
Tipos de datos específicos en JavaScript

# data[].attributes.subject
Tipos de datos específicos en JavaScript

# data[].attributes.body
los tipos de datos numbers, son eso numeros, pueden ser decimales, negativos o positivos y el tipo de dato numerico BigInt se crea agregando n al final de un número entero y es para operar numero enteror grandes con mas precision.

# data[].attributes.body
Se utiliza para representar datos textuales o de texto, estos datos sun inmutables.

# data[].attributes.body
Los datos booleanos representan a true y false, verdadero o falso, se pueden usar para declarar esos valores en ciclos para terminarls o continuar.

# data[].attributes.body
es una objeto de tipo number qu nos ayuda para tener fechas, como dia, año, mes y segundo, usan la hora UTC y es bastanten exacto.

# data[].attributes.body
Es representado por Symbol y es como un string solo que representado un identificador unico, quiere decir que aunque creemo dos variables con el mismo string dentro, las dos seran diferentes, lo sabemos mejor si lo comparamos una con otra eso nos muestra el resultado false.

# data[].attributes.body
Son datos utilizados para transferir informacion entreun servidor y una aplicacion web, su nombre completo es JavaScript Object Notation. Se usa como una alternativa a XML.

# data[].attributes.body
Los operadores aritmeticos son los la suma, la resta, la division,la multiplicacion y el sobrante de una divison.

# data[].attributes.body
estos operadores son los que usamos para evaluar expresiones, tenemos mayor que >, menor que >, mayor o igual >=, menor o igual <= , igual que ==, diferente de !=, una que serian tres iguales === para saber si es estrictamente igual, y el contrario ver sie es estrictamente diferente !==.

# data[].attributes.body
Son operadores booleanos, que nos ayudan a representar si dos condicios se cumplen, son and (&&), or || y not !.

# data[].attributes.body
Estos operores asignan a un operador izquierdo basanose en el resultado de la operacion del operador derecho, tenems muchso simbolos, como = que es para asignar el valor, tenemos += y -= que es para sumar y restar respectivamente, otros como  *=  que es para multplicar y /= que es para dividir, y asi hay muchos mas.

# data[].attributes.body
Se usa para pasar un un exporesion que es true a false con " ! ".

# data[].attributes.body
Se una para unir o concatenar dos string, el signo es " + ".

# data[].attributes.body
Crea un bucle que consiste en tres expresiones opcionales, encerradas en paréntesis y separadas por puntos y comas, seguidas de una sentencia ejecutada en un bucle.

for ([expresion-inicial]; [condicion]; [expresion-final])sentencia

https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Statements/for

# data[].attributes.attachment_link.readable_text
for ([expresion-inicial]; [condicion]; [expresion-final])sentencia

expresion-inicial

Una expresión (incluyendo las expresiones de asignación) o la declaración de variable. Típicamente se utiliza para usarse como variable contador. Esta expresión puede opcionalmente declarar nuevas variables con la palabra clave var. Estas variables no son locales del bucle, es decir, están en el mismo alcance en el que está el bucle for. El resultado de esta expresión es descartado.

Una expresión para ser evaluada antes de cada iteración del bucle. Si esta expresión se evalúa como verdadera, se ejecuta sentencia. Esta comprobación condicional es opcional. Si se omite, la condición siempre se evalúa como verdadera. Si la expresión se evalúa como falsa, la ejecución salta a la primera expresión que sigue al constructor de for.

expresion-final

Una expresión para ser evaluada al final de cada iteración del bucle. Esto ocurre antes de la siguiente evaluación de la condicion. Generalmente se usa para actualizar o incrementar la variable contador.

Una sentencia que se ejecuta mientras la condición se evalúa como verdadera. Para ejecutar múltiples sentencias dentro del bucle, utilice una sentencia ({ ... }) para agrupar aquellas sentecias.

# data[].attributes.attachment_link.description
for ([expresion-inicial]; [condicion]; [expresion-final])sentencia expresion-inicial Una expresión (incluyendo las expresiones de asignación) o la declaración de variable. Típicamente se utiliza para usarse como variable contador. Esta expresión puede opcionalmente declarar nuevas variables con la palabra clave var. Estas variables no son locales del bucle, es decir, están en el mismo alcance en el que está el bucle for.

# data[].attributes.body
Crea un bucle que ejecuta una sentencia especificada mientras cierta condición se evalúe como verdadera. Dicha condición es evaluada antes de ejecutar la sentencia

while (condicion)
  sentencia

https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Statements/while

# data[].attributes.attachment_link.readable_text
El siguiente bucle while itera mientras n es menor que tres.

Cada interación, el bucle incrementa n y la añade a x. Por lo tanto, x y n toman los siguientes valores:

Después de completar el tercer pase, la condición n < 3 no será verdadera más tiempo, por lo que el bucle terminará.

# data[].attributes.attachment_link.description
El siguiente bucle while itera mientras n es menor que tres. Cada interación, el bucle incrementa n y la añade a x. Por lo tanto, x y n toman los siguientes valores: Después de completar el tercer pase, la condición n < 3 no será verdadera más tiempo, por lo que el bucle terminará.

# data[].attributes.body
La sentencia (hacer mientras) crea un bucle que ejecuta una sentencia especificada, hasta que la condición de comprobación se evalúa como falsa. La condición se evalúa después de ejecutar la sentencia, dando como resultado que la sentencia especificada se ejecute al menos una vez.

do
  sentencia
while (condición);

https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Statements/do...while

# data[].attributes.attachment_link.readable_text
do
  sentencia
while (condición);

Una sentencia que se ejecuta al menos una vez y es reejecutada cada vez que la condición se evalúa a verdadera. Para ejecutar múltiples sentencias dentro de un bucle, utilice la sentencia ({ ... }) para agrupar aquellas sentencias.

Una expresión se evalúa después de cada pase del bucle. Si condición se evalúa como verdadera, la sentencia se re-ejecuta. Cuando condición se evalúa como falsa, el control pasa a la siguiente sentencia hacer mientras.

# data[].attributes.attachment_link.description
La sentencia (hacer mientras) crea un bucle que ejecuta una sentencia especificada, hasta que la condición de comprobación se evalúa como falsa. La condición se evalúa después de ejecutar la sentencia, dando como resultado que la sentencia especificada se ejecute al menos una vez.

# data[].attributes.body
Es una senncia de condicion que ejecuta algo cuando se cumple lo que eta dentro del if, usualmente se complementa con else if.

# data[].attributes.body
Siguiendo el if, cuando nos e cumple esa condicion, pasaria a la otra sentencia de else if, y asi e continua hasta que la sentencia de cumpla, y pueden haber tantos else if como se quieran.

# data[].attributes.body
La declaración switch evalúa una expresión, comparando el valor de esa expresión con una instancia case, y ejecuta declaraciones asociadas a ese case, así como las declaraciones en los case que siguen.

switch (expresión) {
  case valor1:
    //Declaraciones ejecutadas cuando el resultado de expresión coincide con el valor1
    [break;]
  case valor2:
    //Declaraciones ejecutadas cuando el resultado de expresión coincide con el valor2
    [break;]
  ...

case valorN:
    //Declaraciones ejecutadas cuando el resultado de expresión coincide con valorN
    [break;]
  default:
    //Declaraciones ejecutadas cuando ninguno de los valores coincide con el valor de la expresión
    [break;]
}

https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Statements/switch

# data[].attributes.attachment_link.readable_text
La fuente de esta técnica esta aquí:
Switch statement multiple cases in JavaScript (Stack Overflow)
Operación única con múltiples casos

Este método toma ventaja del hecho de que, si no hay un break debajo de una declaración case, continuará la ejecución hasta el siguiente case, ignorando si en dicho caso se cumple o no el criterio indicado. Comprobar en la sección ¿Qué pasa si olvido un break?

Este es un ejemplo de operación única con sentencia switch secuencial, donde cuatro valores diferentes se comportan exactamente de la misma manera:

Operaciones encadenadas con múltiples casos

Este es un ejemplo de una sentencia switch secuencial con múltiples operaciones, donde, dependiendo del valor entero dado, se pueden recibir diferentes resultados. Esto demuestra que el algoritmo correrá en el orden en que se coloquen las declaraciones case, y que no tiene que ser numéricamente secuencial. En JavaScript, también es posible combinar definiciones con valores "string" dentro de estas declaraciones case.

La salida (output) de este ejemplo:

# data[].attributes.attachment_link.description
La fuente de esta técnica esta aquí: Switch statement multiple cases in JavaScript (Stack Overflow) Operación única con múltiples casos Este método toma ventaja del hecho de que, si no hay un break debajo de una declaración case, continuará la ejecución hasta el siguiente case, ignorando si en dicho caso se cumple o no el criterio indicado.

# data[].attributes.body
Las funciones son uno de los bloques de construcción fundamentales en JavaScript. Una función en JavaScript es similar a un procedimiento — un conjunto de instrucciones que realiza una tarea o calcula un valor, pero para que un procedimiento califique como función, debe tomar alguna entrada y devolver una salida donde hay alguna relación obvia entre la entrada y la salida. Para usar una función, debes definirla en algún lugar del ámbito desde el que deseas llamarla.

Una definición de función (también denominada declaración de función o expresión de función) consta de la palabra clave function, seguida de:

El nombre de la función.

Una lista de parámetros de la función, entre paréntesis y separados por comas.

Las declaraciones de JavaScript que definen la función, encerradas entre llaves, { ... }.

function square(number) {
  return number * number;
}

https://developer.mozilla.org/es/docs/Web/JavaScript/Guide/Functions

# data[].attributes.body
los parametros de una funcionan para darle un valor con el cual la funicion trabajara, igual se pueden declarar funciones in parametros.

Los parámetros que se le pasan a la función pueden ser:

a) Valores simples a los que se denomina literales: por ejemplo 554, true ó ‘aldea’.

b) Variables que contienen un número, un texto o un valor booleano.

c) Objetos de naturaleza compleja, como arrays y otros tipos de objetos que veremos más adelante.

# data[].attributes.body
Si cuando se declara una variable se le asigna también un valor, se dice que la variable ha sido inicializada en la funcion.

# data[].attributes.body
Una función de callback es una función que se pasa a otra función como un argumento, que luego se invoca dentro de la función externa para completar algún tipo de rutina o acción.

Ejemplo:

function saludar(nombre) {
  alert('Hola ' + nombre);
}

function procesarEntradaUsuario(callback) {
  var nombre = prompt('Por favor ingresa tu nombre.');
  callback(nombre);
}

procesarEntradaUsuario(saludar);

https://developer.mozilla.org/es/docs/Glossary/Callback_function#:~:text=Una%20funci%C3%B3n%20de%20callback%20es,tipo%20de%20rutina%20o%20acci%C3%B3n.&text=El%20ejemplo%20anterior%20es%20una,ya%20que%20se%20ejecuta%20inmediatamente.

# data[].attributes.attachment_link.readable_text
Una función de callback es una función que se pasa a otra función como un argumento, que luego se invoca dentro de la función externa para completar algún tipo de rutina o acción.

Ejemplo:

El ejemplo anterior es una callback sincrónica, ya que se ejecuta inmediatamente.

Sin embargo, tenga en cuenta que las callbacks a menudo se utilizan para continuar con la ejecución del código después de que se haya completado una operación a sincrónica - estas se denominan devoluciones de llamada asincrónicas. Por ejemplo, nuestro sencillo ejemplo de maps-example.html ( ver en vivo) utiliza la API de Google Maps y la API de geolocalización para mostrar un mapa de la ubicación actual de su dispositivo.

Como obtener las coordenadas del dispositivo de su GPS es asíncrono (no sabemos exactamente cuándo se devolverán los datos), el método Geolocation.getCurrentPosition() toma una función de devolución de llamada anónima como parámetro, que a su vez toma los datos de coordenadas devueltos como un parámetro. Esta función solo se ejecuta cuando se devuelven los datos de coordenadas.

# data[].attributes.attachment_link.title
Función Callback - Glosario de MDN Web Docs: Definiciones de términos relacionados con la Web | MDN

# data[].attributes.attachment_link.description
Una función de callback es una función que se pasa a otra función como un argumento, que luego se invoca dentro de la función externa para completar algún tipo de rutina o acción. Ejemplo: El ejemplo anterior es una callback sincrónica, ya que se ejecuta inmediatamente.

# data[].attributes.body
Una expresión de función flecha es una alternativa compacta a una expresión de función tradicional, pero es limitada y no se puede utilizar en todas las situaciones.

Diferencias y limitaciones:

No tiene sus propios enlaces a this o super y no se debe usar como métodos.

No tiene argumentos o palabras clave new.target.

No apta para los métodos call, apply y bind, que generalmente se basan en establecer un ámbito o alcance

No se puede utilizar como constructor.

No se puede utilizar yield dentro de su cuerpo.

Comparación de funciones tradicionales con funciones flecha

Observa, paso a paso, la descomposición de una "función tradicional" hasta la "función flecha" más simple: Nota: Cada paso a lo largo del camino es una "función flecha" válida

// Función tradicional
function (a){
  return a + 100;
}

// Desglose de la función flecha

// 1. Elimina la palabra "function" y coloca la flecha entre el argumento y el corchete de apertura.
(a) => {
  return a + 100;
}

// 2. Quita los corchetes del cuerpo y la palabra "return" — el return está implícito.
(a) => a + 100;

// 3. Suprime los paréntesis de los argumentos
a => a + 100;

# data[].attributes.headline
¿Qué es el DOM y cómo se manipula EL DOM?

# data[].attributes.subject
¿Qué es el DOM y cómo se manipula EL DOM?

# data[].attributes.body
Me parec al muy extenso que lo puedo resumir en que es como podemos acceder al html desde javascript para darle la funcionalidad a la pagina, colocare un link del texto para leerlo bien.

https://developer.mozilla.org/es/docs/Web/API/Document_Object_Model/Introduction#:~:text=El%20modelo%20de%20objeto%20de,su%20estructura%2C%20estilo%20y%20contenido.

# data[].attributes.attachment_link.readable_text
Ésta sección da una breve introducción conceptual del DOM: qué es, cómo proporciona la estructura para los documentos HTML y XML, cómo se accede a él, y cómo esta "API" presenta la información de referencia y ejemplos.

El modelo de objeto de documento (DOM) es una interfaz de programación para los documentos HTML y XML. Facilita una representación estructurada del documento y define de qué manera los programas pueden acceder, al fin de modificar, tanto su estructura, estilo y contenido. El DOM da una representación del documento como un grupo de nodos y objetos estructurados que tienen propiedades y métodos. Esencialmente, conecta las páginas web a scripts o lenguajes de programación.

Una página web es un documento. Éste documento puede exhibirse en la ventana de un navegador o también como código fuente HTML. Pero, en los dos casos, es el mismo documento. El modelo de objeto de documento (DOM) proporciona otras formas de presentar, guardar y manipular este mismo documento. El DOM es una representación completamente orientada al objeto de la página web y puede ser modificado con un lenguaje de script como JavaScript.

El W3C DOM estándar forma la base del funcionamiento del DOM en muchos navegadores modernos. Varios navegadores ofrecen extensiones más allá del estándar W3C, hay que ir con extremo cuidado al utilizarlas en la web, ya que los documentos pueden ser consultados por navegadores que tienen DOMs diferentes.

Por ejemplo, el DOM de W3C especifica que el método getElementsByTagName en el código de abajo debe devolver una lista de todos los elementos <p> del documento:

Todas las propiedades, métodos y eventos disponibles para la manipulación y la creación de páginas web está organizado dentro de objetos. Un ejemplo: el objeto document representa al documento mismo, el objeto table hace funcionar la interfaz especial HTMLTableElement del DOM para acceder a tablas HTML, y así sucesivamente. Ésta documentación procura una relación objeto-por-objeto del DOM que funciona con los navegadores basados en Gecko.

El ejemplo corto de abajo, como casi todos los ejemplos de esta referencia, es JavaScript. Es decir, es escrito en JavaScript pero utiliza el DOM para acceder al documento y a sus elementos. El DOM no es un lenguaje de programación pero sin él, el lenguaje JavaScript no tiene ningún modelo o noción de las páginas web, de la páginas XML ni de los elementos con los cuales es usualmente relacionado. Cada elemento -"el documento íntegro, el título, las tablas dentro del documento, los títulos de las tablas, el texto dentro de las celdas de las tablas"- es parte del modelo de objeto del documento para cada documento, así se puede acceder y manipularlos utilizando el DOM y un lenguaje de escritura, como JavaScript.

En el comienzo, JavaScript y el DOM estaban herméticamente enlazados, pero después se desarrollaron como entidades separadas. El contenido de la página es almacenado en DOM y el acceso y la manipulación se hace vía JavaScript, podría representarse aproximadamente así:

API(web o página XML) = DOM + JS(lenguaje de script)

El DOM fue diseñado para ser independiente de cualquier lenguaje de programación particular, hace que la presentación estructural del documento sea disponible desde un simple y consistente API. Aunque en este manual nos centramos exclusivamente en JavaScript, la directrices del DOM pueden construirse para cualquier lenguaje, así lo demuestra el siguiente ejemplo de Python:

No se tiene que hacer nada especial para empezar a utilizar el DOM. Los diferentes navegadores tienen directrices DOM distintas, y éstas directrices tienen diversos grados de conformidad al actual estándar DOM (un tema que se intenta evitar en este manual), pero todos los navegadores web usan el modelo de objeto de documento para hacer accesibles las páginas web al script.

Cuando se crea un script -esté en un elemento <SCRIPT> o incluido en una página web por la instrucción de cargar un script- inmediatamente está disponible para usarlo con el API, accediendo así a los elementos document o window, para manipular el documento mismo o sus diferentes partes, las cuales son los varios elementos de una página web. La programación DOM hace algo tan simple como lo siguiente, lo cual abre un mensaje de alerta usando la función alert() desde el objeto window, o permite métodos DOM más sofisticados para crear realmente un nuevo contenido, como en el largo ejemplo de más abajo.

Aparte del elemento <script> en el cual JavaScript es definido, el ejemplo siguiente muestra la función a ejecutar cuando el documento se está cargando (y que el DOM completo es disponible para su uso). Esta función crea un nuevo elemento H1, le pone texto y después lo agrega al árbol del documento:

Esta parte intenta describir, de la manera más simple posible, los diferentes objetos y tipos. Pero hay que conocer una cantidad de tipos de datos diferentes que son utilizados por el API. Para simplificarlo, los ejemplos de sintaxis en esta API se refieren a nodos como elements, a una lista de nodos como nodeLists (o simples elementos) y a nodos de atributo como attributes.

La siguiente tabla describe brevemente estos tipos de datos.

document
Cuando un miembro devuelve un objeto del tipo document (por ejemplo, la propiedad ownerDocument de un elemento devuelve el documento " document" al cual pertenece), este objeto es la raíz del objeto documento en sí mismo. El capítulo La referencia al documento (document) de DOM lo explica con más detalles.

element
element se refiere a un elemento o a un nodo de tipo de elemento " element" devuelto por un miembro del API de DOM. Dicho de otra manera, por ejemplo, el método document.createElement() devuelve un objeto referido a un nodo, lo que significa que este método devuelve el elemento que acaba de ser creado en el DOM. Los objetos element ponen en funcionamiento a la interfaz Element del DOM y también a la interfaz de nodo " Node" más básica, las cuales son incluidas en esta referencia.

nodeList
Una " nodeList" es una serie de elementos, parecido a lo que devuelve el método document.getElementsByTagName(). Se accede a los items de la nodeList de cualquiera de las siguientes dos formas:

Ambas maneras son equivalentes. En la primera, item() es el método del objeto nodeList. En la última se utiliza la típica sintaxis de acceso a listas para llegar al segundo ítem de la lista.

attribute
Cuando un atributo (" attribute") es devuelto por un miembro (por ej., por el método createAttribute()), es una referencia a un objeto que expone una interfaz particular (aunque limitada) a los atributos. Los atributos son nodos en el DOM igual que los elementos, pero no suelen usarse así.

NamedNodeMap
Un namedNodeMap es una serie, pero los ítems son accesibles tanto por el nombre o por un índice, este último caso es meramente una conveniencia para enumerar ya que no están en ningún orden en particular en la lista. Un NamedNodeMap es un método de ítem() por esa razón, y permite poner o quitar ítems en un NamedNodeMap

Uno de los propósitos de esta guía es minimizar el hablar de interfaces abstractas, heredadas y otros detalles de funcionamiento. Más bien, concentrarse sobre los objetos en el DOM y sobre las actuales cosas que se pueden usar para manipular la jerarquía de DOM. Desde el punto de vista del programador web, es bastante indiferente saber que la representación del objeto del elemento HTML form toma la propidedad name desde la interfaz HTMLFormElement pero que las propiedades classNamese toman desde la propia interfaz HTMLElement. En ambos casos, la propiedad está sólo en el objeto form.

Pero puede resultar confuso el funcionamiento de la fuerte relación entre objetos e interfaces en el DOM, por eso esta sección intentará hablar un poquito sobre las interfaces actuales en la especificación del DOM y de como se dispone de ellas.

En algunos casos un objeto pone en ejecución a una sola interfaz. Pero a menudo un objeto toma prestada una tabla HTML ( table) desde muchas interfaces diversas. El objeto table, por ejemplo, pone en funcionamiento una Interfaz especial del elemento table HTML, la cual incluye métodos como createCaption y insertRow. Pero como también es un elemento HTML, table pone en marcha a la interfaz del Element descrita en el capítulo La referencia al elemento del DOM. Y finalmente, puesto que un elemento HTML es también, por lo que concierna al DOM, un nodo en el árbol de nodos que hace el modelo de objeto para una página web o XML, el elemento de table hace funcionar la interfaz más básica de Node, desde el cual deriva Element.

La referencia a un objeto table, como en el ejemplo siguiente, utiliza estas interfaces intercambiables sobre el objeto.

Esta sección lista las interfaces más comúnmente utilizadas en el DOM. La idea no es describir qué hacen estas APIs pero sí dar una idea de las clases de métodos y propiedades que se encuentran con el uso del DOM. Muchos ejemplos de uso común de esta API se encuentran en el capítulo Ejemplos DOM al final de este manual.

document y window son objetos cuya interfaces son generalmente muy usadas en la programación de DOM. En término simple, el objeto window representa algo como podría ser el navegador, y el objeto document es la raíz del documento en sí. Element hereda de la interfaz genérica Node, y juntos, estas dos interfaces proporcionan muchos métodos y propiedades utilizables sobre los elementos individuales. Éstos elementos pueden igualmente tener interfaces específicas según el tipo de datos representados, como en el ejemplo anterior del objeto table. Lo siguiente es una breve lista de los APIS comunes en la web y en las páginas escritas en XML utilizando el DOM.

document.getElementById(id)

element.getElementsByTagName(name)

document.createElement(name)

parentNode.appendChild(node)

element.innerHTML

element.style.left

element.setAttribute

element.element.getAttribute

element.addEventListener

window.content

window.onload

window.dump

window.scrollTo

Ésta parte procura ejemplos para todas las interfaces usadas en el desarrollo web. En algunos casos, los ejemplos son páginas HTML enteras, con el acceso del DOM a un elemento de <script>, la interfaz necesaria (por ejemplo, botones) para la ejecución del script en un formulario, y también que los elementos HTML sobre los cuales opera el DOM se listen. Según el caso, los ejemplos se pueden copiar y pegar en un documento web para probarlos.

No es el caso donde los ejemplos son muchos más concisos. Para la ejecución de estos ejemplos que sólo demuestran la relación básica entre la interfaz y los elementos HTML, resulta útil tener una página de prueba en la cual las interfaces serán fácilmente accesibles por los scripts. La muy simple página siguiente proporciona en las cabeceras un elemento de script en el cual se pondrán las funciones para testar la interfaz elegida, algunos elementos HTML con atributos que se puedan leer, editar y también manipular, así como la interfaz web necesaria para llamar esas funciones desde el navegador.

Para probar y ver como trabajan en la plataforma del navegador las interfaces del DOM, esta página de prueba o una nueva similar son factibles. El contenido de la función test() se puede actualizar según la necesidad, para crear más botones o poner más elementos.

La creación de una página de prueba con una paleta de botones, campos de texto u otros elementos HTML, permitirá testar una gran cantidad de interfaces en un mismo documento, por ejemplo una serie de propiedades que afectan a los colores de una página web. Lo siguiente permite hacerse una idea de como pueden agruparse las interfaces para probarlas.

Figura 0.1 Muestra DOM página de prueba

En este ejemplo, los menúes desplegables actualizan dinámicamente los aspectos de la página web accesibles al DOM como el color de fondo ( bgColor), de los hiper-enlaces ( aLink), y el del texto ( text). El hecho de diseñar páginas, testar las interfaces que se encuentren a lo largo de la lectura son una parte importante del aprendizaje para una utilización eficaz del DOM.

# data[].attributes.attachment_link.title
Introducción - Referencia de la API Web | MDN

# data[].attributes.attachment_link.description
Ésta sección da una breve introducción conceptual del DOM: qué es, cómo proporciona la estructura para los documentos HTML y XML, cómo se accede a él, y cómo esta "API" presenta la información de referencia y ejemplos. El modelo de objeto de documento (DOM) es una interfaz de programación para los documentos HTML y XML.