Desarrollo Entorno Cliente Tema 6 Ilerna 25-26

¿Cuál es el propósito principal del Modelo de Objetos del Documento (DOM) en el desarrollo web?. Verificar que el código HTML de una página web cumpla con los estándares del W3C. Actuar como un lenguaje de programación del lado del cliente para competir con JavaScript. Permitir que un lenguaje de script manipule el contenido, la estructura y la apariencia de una página web. Definir el estilo y la presentación visual de una página web, reemplazando a CSS.

Según la W3C, ¿cuáles son los tres tipos de modelos DOM que se mencionan en el documento?. DOM de Elementos, DOM de Atributos y DOM de Texto. DOM Estándar, DOM Propietario y DOM de Eventos. DOM del Navegador, DOM de Servidor y DOM de Scripting. DOM Núcleo, XML DOM y HTML DOM.

En la estructura de árbol del DOM, ¿cómo se denominan los elementos HTML, los atributos y el texto?. Clases, variables y cadenas. Objetos, propiedades y valores. Nodos. Etiquetas, parámetros y contenido.

¿Qué tipo de nodo es considerado el nodo raíz del cual derivan todos los demás nodos del árbol?. Document. Text. Attr. Element.

Si se tiene un elemento en el DOM, ¿qué propiedad se usaría para acceder a su nodo padre directo?. ownerDocument. previousSibling. childNodes. parentNode.

¿Qué valor devuelve la propiedad `nodeType` para un nodo que representa un comentario en HTML (`<!-- ... -->`)?. 3. 1. 8. 9.

¿Cuál es la principal diferencia entre el método `getElementById()` y `getElementsByTagName()`?. `getElementById()` devuelve un único elemento, mientras que `getElementsByTagName()` devuelve una colección de elementos. `getElementById()` es un método más antiguo y obsoleto que `getElementsByTagName()`. `getElementById()` busca por el atributo `name` y `getElementsByTagName()` por el nombre de la etiqueta. `getElementById()` solo funciona en el objeto `document`, mientras que `getElementsByTagName()` puede usarse en cualquier nodo de elemento.

El documento indica que la colección devuelta por `getElementsByName()` o `getElementsByTagName()` no es un array. ¿Qué implicación tiene esto?. Solo puede contener nodos de tipo `Element`, no nodos de texto o comentarios. No se pueden utilizar métodos de array como `push` o `pop` en ella. No se puede acceder a sus elementos utilizando un índice numérico como `[0]`. Su longitud (`length`) no se puede determinar.

Si ejecutas el código `var elemento = document.getElementsByName("apellidos")[1];`, ¿qué estás intentando seleccionar?. El segundo elemento de la colección de elementos cuyo atributo `name` es "apellidos". Todos los elementos con el atributo `name` igual a "apellidos". El primer elemento del documento que tenga el atributo `name` con el valor "apellidos". Un elemento cuyo `id` es "apellidos" y que además es el segundo hijo de su padre.

¿Qué método se utiliza para añadir un nuevo nodo al final de la lista de hijos de un nodo padre?. replaceChild(nuevoNodo, nodoAntiguo). addChild(nuevoNodo). insertBefore(nuevoNodo, nodoReferencia). appendChild(nuevoNodo).

En el contexto del DOM, ¿qué es un evento?. Una función de JavaScript que se ejecuta automáticamente al cargar la página. Una acción que ocurre en la página, como un clic del ratón o la carga completa del documento. Un objeto especial del DOM que representa un elemento HTML interactivo como un botón. Un error de sintaxis en el código JavaScript que detiene la ejecución.

Al examinar un nodo de atributo (Attr), ¿qué propiedad contiene el nombre del atributo (p. ej., 'href', 'src')?. nodeName. attributes. nodeValue. nodeType.

¿Para qué fue creado inicialmente el DOM, aunque ahora sea independiente del lenguaje?. Para ser utilizado exclusivamente con documentos XML. Para que fuera manipulable por el lenguaje JavaScript. Para ser manipulado por el lenguaje Java. Para ser una extensión del lenguaje HTML.

En el ejemplo `padre.replaceChild(nuevoNodo, nodoViejo)`, ¿qué sucede con `nodoViejo` después de la operación?. `nodoViejo` se convierte en un hijo de `nuevoNodo`. `nodoViejo` es quitado del árbol y el método devuelve una referencia a él. `nodoViejo` permanece en el árbol, pero se vuelve invisible. `nodoViejo` es eliminado permanentemente del documento y no se puede volver a usar.

¿Qué propiedad de la interfaz `Node` devolvería `true` si un nodo tiene al menos un nodo hijo?. firstChild != null. isParentNode. childNodes.length > 0. hasChildNodes.

¿Qué tipo de nodo es el único que puede contener atributos?. Comment. Element. Document. Text.

En el Modelo de registro de eventos en línea, ¿cómo se añade un manejador de eventos a un elemento HTML?. Asignando una función a una propiedad del objeto en JavaScript (p. ej., `elemento.onclick = funcion`). Utilizando el método `addEventListener` en JavaScript. Mediante una hoja de estilos CSS con pseudo-clases como `:hover`. Añadiendo un atributo directamente en la etiqueta HTML, como `onclick="codigoJavaScript"`.

La propiedad `childNodes` de un nodo devuelve una `NodeList`. ¿Qué contiene esta lista?. Una cadena de texto con los nombres de todas las etiquetas hijas. Todos los nodos descendientes, tanto hijos como nietos, etc. Solo los nodos hijos que son de tipo `Element`. Todos los nodos hijos directos, incluyendo elementos, texto y comentarios.

De los siguientes métodos para acceder a elementos, ¿cuál es considerado el más utilizado y directo según el texto?. La navegación por nodos padre e hijo (parentNode, firstChild). getElementById(). getElementsByName(). getElementsByTagName().

Al usar `insertBefore(nuevoNodo, nodoReferencia)`, ¿qué ocurre si `nodoReferencia` es `null`?. El método devuelve `null` para indicar que la inserción no fue posible. `nuevoNodo` se inserta al final de la lista de hijos, comportándose como `appendChild`. Se produce un error y la operación no se realiza. `nuevoNodo` se inserta al principio de la lista de hijos.

En la interfaz `Node`, ¿qué tipo de dato devuelve la propiedad `nodeValue`?. Un objeto `Node`. Una cadena de texto (`String`). Un booleano (`Boolean`). Un número (`Number`).

¿Cuál de estas propiedades hace referencia al nodo `Document` al que pertenece un nodo, sin importar su profundidad en el árbol?. parentNode. document. rootNode. ownerDocument.

¿Qué método se utilizaría para eliminar un nodo hijo específico de un elemento padre?. eraseNode(nodoHijo). nodoHijo.remove(). deleteChild(nodoHijo). removeChild(nodoHijo).

¿Qué es un `NamedNodeMap`, devuelto por la propiedad `attributes`?. Una cadena de texto que contiene todos los atributos y valores formateados. Una colección de nodos de atributo a la que se puede acceder por nombre o por índice. Un array de JavaScript con los nombres de los atributos. Un objeto simple de JavaScript donde las claves son los nombres de los atributos y los valores son sus valores.

Según el texto, ¿por qué el 'modelo de registro de eventos en línea' no es una práctica recomendada?. Porque es menos seguro y propenso a ataques de inyección de código. Porque mezcla la estructura (HTML) con la programación (JavaScript), dificultando el mantenimiento. Porque es incompatible con la mayoría de los navegadores modernos. Porque no permite ejecutar funciones de JavaScript complejas.

¿Cuál es la relación entre los nodos `previousSibling` y `nextSibling`?. Son el primer y último hijo de un nodo padre, respectivamente. Son nodos adyacentes al mismo nivel en el árbol DOM. `previousSibling` siempre es un nodo de elemento y `nextSibling` siempre es un nodo de texto. Uno es el padre del otro.

El Modelo de Objetos del Documento (DOM) define una página web como... Un archivo de texto plano que el navegador interpreta línea por línea. Una colección de funciones JavaScript para renderizar elementos. Una estructura organizada de objetos que forman un árbol de recorrido. Una interfaz directa a la tarjeta gráfica para dibujar píxeles en la pantalla.

Si un elemento `<p>` solo contiene el texto 'Hola', ¿cuál de las siguientes afirmaciones sobre sus hijos es correcta?. No tiene hijos, el texto es una propiedad del elemento `p`. Tiene un único hijo, que es un nodo de tipo `String`. Tiene un único hijo, que es un nodo de tipo `Text`. Tiene dos hijos: un nodo para 'Hola' y un `firstChild` que es `null`.

¿Qué valor tendría la propiedad `nodeName` para un nodo de elemento correspondiente a la etiqueta `<body>`?. Node.ELEMENT_NODE. BODY (en mayúsculas). El contenido HTML completo dentro de la etiqueta `<body>`. body (en minúsculas).