{
  "slug": "javascript-3-dom",
  "title": "Test de JavaScript: DOM",
  "shortTitle": "DOM",
  "category": "javascript",
  "categoryName": "JavaScript",
  "description": "Practica DOM en JavaScript con preguntas claras y aplicadas.",
  "seoTitle": "Test de JavaScript: DOM online | PracticarTest.com",
  "questions": [
    {
      "question": "¿Qué elemento de JavaScript permite «selecciona el primer elemento que coincide»?",
      "answers": [
        "Document.querySelector",
        "ClassList.remove",
        "AddEventListener"
      ],
      "correct": 0,
      "explanation": "La opción correcta es document.querySelector: selecciona el primer elemento que coincide.",
      "id": 1
    },
    {
      "question": "Sobre dOM, ¿cuál de estas opciones es correcta?",
      "answers": [
        "ClassList.remove",
        "Document.querySelector",
        "AddEventListener"
      ],
      "correct": 1,
      "explanation": "«Document.querySelector» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
      "id": 2
    },
    {
      "question": "En una situación relacionada con dOM, ¿qué opción sería la adecuada?",
      "answers": [
        "ClassList.remove",
        "AddEventListener",
        "Document.querySelector"
      ],
      "correct": 2,
      "explanation": "«Document.querySelector» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
      "id": 3
    },
    {
      "question": "¿Qué elemento de JavaScript permite «lee o cambia texto»?",
      "answers": [
        "TextContent",
        "ClassList.add",
        "AppendChild"
      ],
      "correct": 0,
      "explanation": "La opción correcta es textContent: lee o cambia texto.",
      "id": 4
    },
    {
      "question": "Sobre dOM, ¿qué alternativa es válida?",
      "answers": [
        "ClassList.add",
        "TextContent",
        "AppendChild"
      ],
      "correct": 1,
      "explanation": "«TextContent» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
      "id": 5
    },
    {
      "question": "Dentro de dOM, identifica la alternativa que no contiene errores.",
      "answers": [
        "ClassList.add",
        "AppendChild",
        "TextContent"
      ],
      "correct": 2,
      "explanation": "«TextContent» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
      "id": 6
    },
    {
      "question": "Selecciona qué elemento de JavaScript permite «añade una clase».",
      "answers": [
        "ClassList.add",
        "CreateElement",
        "TextContent"
      ],
      "correct": 0,
      "explanation": "ClassList.add se refiere a añade una clase.",
      "id": 7
    },
    {
      "question": "Sobre dOM, ¿qué alternativa es válida?",
      "answers": [
        "CreateElement",
        "ClassList.add",
        "TextContent"
      ],
      "correct": 1,
      "explanation": "«ClassList.add» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
      "id": 8
    },
    {
      "question": "Sobre dOM, ¿cuál de las siguientes afirmaciones es correcta?",
      "answers": [
        "CreateElement",
        "TextContent",
        "ClassList.add"
      ],
      "correct": 2,
      "explanation": "«ClassList.add» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
      "id": 9
    },
    {
      "question": "¿Qué elemento de JavaScript permite «elimina una clase»?",
      "answers": [
        "ClassList.remove",
        "ClassList.add",
        "AddEventListener"
      ],
      "correct": 0,
      "explanation": "La opción correcta es classList.remove: elimina una clase.",
      "id": 10
    },
    {
      "question": "En una situación relacionada con dOM, ¿qué opción sería la adecuada?",
      "answers": [
        "ClassList.add",
        "ClassList.remove",
        "AddEventListener"
      ],
      "correct": 1,
      "explanation": "«ClassList.remove» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
      "id": 11
    },
    {
      "question": "Sobre dOM, selecciona la opción válida.",
      "answers": [
        "ClassList.add",
        "AddEventListener",
        "ClassList.remove"
      ],
      "correct": 2,
      "explanation": "«ClassList.remove» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
      "id": 12
    },
    {
      "question": "¿Qué elemento de JavaScript permite «escucha eventos»?",
      "answers": [
        "AddEventListener",
        "ClassList.remove",
        "ClassList.add"
      ],
      "correct": 0,
      "explanation": "AddEventListener se refiere a escucha eventos.",
      "id": 13
    },
    {
      "question": "Dentro de dOM, identifica la alternativa que no contiene errores.",
      "answers": [
        "ClassList.remove",
        "AddEventListener",
        "ClassList.add"
      ],
      "correct": 1,
      "explanation": "«AddEventListener» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
      "id": 14
    },
    {
      "question": "Sobre dOM, ¿qué afirmación es correcta?",
      "answers": [
        "ClassList.add",
        "ClassList.remove",
        "AddEventListener"
      ],
      "correct": 2,
      "explanation": "«AddEventListener» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
      "id": 15
    },
    {
      "question": "¿Qué elemento de JavaScript permite «crea un elemento»?",
      "answers": [
        "CreateElement",
        "ClassList.add",
        "TextContent"
      ],
      "correct": 0,
      "explanation": "La opción correcta es createElement: crea un elemento.",
      "id": 16
    },
    {
      "question": "Sobre dOM, ¿cuál de las siguientes afirmaciones es correcta?",
      "answers": [
        "TextContent",
        "CreateElement",
        "ClassList.add"
      ],
      "correct": 1,
      "explanation": "«CreateElement» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
      "id": 17
    },
    {
      "question": "Sobre dOM, ¿qué alternativa es válida?",
      "answers": [
        "TextContent",
        "ClassList.add",
        "CreateElement"
      ],
      "correct": 2,
      "explanation": "«CreateElement» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
      "id": 18
    },
    {
      "question": "¿Qué elemento de JavaScript permite «inserta un nodo hijo»?",
      "answers": [
        "AppendChild",
        "ClassList.add",
        "TextContent"
      ],
      "correct": 0,
      "explanation": "La opción correcta es appendChild: inserta un nodo hijo.",
      "id": 19
    },
    {
      "question": "Sobre dOM, selecciona la opción válida.",
      "answers": [
        "ClassList.add",
        "AppendChild",
        "TextContent"
      ],
      "correct": 1,
      "explanation": "«AppendChild» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
      "id": 20
    },
    {
      "question": "Sobre dOM, ¿qué alternativa responde mejor?",
      "answers": [
        "ClassList.add",
        "TextContent",
        "AppendChild"
      ],
      "correct": 2,
      "explanation": "«AppendChild» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
      "id": 21
    },
    {
      "question": "Selecciona qué elemento de JavaScript permite «accede a atributos data-*».",
      "answers": [
        "dataset",
        "disabled",
        "value"
      ],
      "correct": 0,
      "explanation": "La opción correcta es dataset: accede a atributos data-*.",
      "id": 22
    },
    {
      "question": "Sobre dOM, ¿qué afirmación es correcta?",
      "answers": [
        "value",
        "dataset",
        "disabled"
      ],
      "correct": 1,
      "explanation": "«dataset» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
      "id": 23
    },
    {
      "question": "Sobre dOM, ¿qué alternativa es válida?",
      "answers": [
        "value",
        "disabled",
        "dataset"
      ],
      "correct": 2,
      "explanation": "«dataset» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
      "id": 24
    },
    {
      "question": "¿Qué elemento de JavaScript permite «desactiva un control»?",
      "answers": [
        "Disabled",
        "Dataset",
        "Value"
      ],
      "correct": 0,
      "explanation": "Disabled se refiere a desactiva un control.",
      "id": 25
    },
    {
      "question": "Sobre dOM, ¿qué alternativa responde mejor?",
      "answers": [
        "Value",
        "Disabled",
        "Dataset"
      ],
      "correct": 1,
      "explanation": "«Disabled» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
      "id": 26
    },
    {
      "question": "En una situación relacionada con dOM, ¿qué opción sería la adecuada?",
      "answers": [
        "Value",
        "Dataset",
        "Disabled"
      ],
      "correct": 2,
      "explanation": "«Disabled» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
      "id": 27
    },
    {
      "question": "¿Qué elemento de JavaScript permite «lee el valor de un campo»?",
      "answers": [
        "Value",
        "Disabled",
        "Dataset"
      ],
      "correct": 0,
      "explanation": "Value se refiere a lee el valor de un campo.",
      "id": 28
    },
    {
      "question": "Sobre dOM, ¿qué alternativa es válida?",
      "answers": [
        "Dataset",
        "Value",
        "Disabled"
      ],
      "correct": 1,
      "explanation": "«Value» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
      "id": 29
    },
    {
      "question": "Dentro de dOM, identifica la alternativa que no contiene errores.",
      "answers": [
        "Dataset",
        "Disabled",
        "Value"
      ],
      "correct": 2,
      "explanation": "«Value» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
      "id": 30
    },
    {
      "question": "En JavaScript, DOM se refiere principalmente a.",
      "answers": [
        "Representación del documento HTML como árbol de objetos",
        "Base de datos del navegador",
        "Lenguaje de estilos"
      ],
      "correct": 0,
      "explanation": "Dom se refiere a representación del documento HTML como árbol de objetos.",
      "id": 31
    },
    {
      "question": "¿Qué afirmación describe mejor document dentro de JavaScript?",
      "answers": [
        "Tipo de dato primitivo",
        "Objeto principal para acceder al DOM de la página",
        "Método de arrays"
      ],
      "correct": 1,
      "explanation": "Document se refiere a objeto principal para acceder al DOM de la página.",
      "id": 32
    },
    {
      "question": "En JavaScript, ¿qué representa querySelector?",
      "answers": [
        "Devuelve siempre todos los elementos",
        "Crea un nodo",
        "Devuelve el primer elemento que coincide con un selector CSS"
      ],
      "correct": 2,
      "explanation": "Queryselector se refiere a devuelve el primer elemento que coincide con un selector CSS.",
      "id": 33
    },
    {
      "question": "¿Cuál es la interpretación correcta de querySelectorAll en JavaScript?",
      "answers": [
        "Devuelve una lista de elementos que coinciden con un selector",
        "Elimina nodos",
        "Devuelve solo el primero"
      ],
      "correct": 0,
      "explanation": "Queryselectorall se refiere a devuelve una lista de elementos que coinciden con un selector.",
      "id": 34
    },
    {
      "question": "Relaciona getElementById con su significado correcto en JavaScript.",
      "answers": [
        "Busca por clase siempre",
        "Busca un elemento por su id",
        "Modifica estilos automáticamente"
      ],
      "correct": 1,
      "explanation": "Getelementbyid se refiere a busca un elemento por su id.",
      "id": 35
    },
    {
      "question": "En JavaScript, textContent se refiere principalmente a.",
      "answers": [
        "Obtiene atributos",
        "Inserta HTML ejecutable siempre",
        "Lee o cambia texto sin interpretar HTML"
      ],
      "correct": 2,
      "explanation": "Textcontent se refiere a lee o cambia texto sin interpretar HTML.",
      "id": 36
    },
    {
      "question": "¿Qué afirmación describe mejor innerHTML dentro de JavaScript?",
      "answers": [
        "Lee o escribe contenido HTML dentro de un elemento",
        "Solo cambia texto plano",
        "Elimina eventos globales"
      ],
      "correct": 0,
      "explanation": "Innerhtml se refiere a lee o escribe contenido HTML dentro de un elemento.",
      "id": 37
    },
    {
      "question": "En JavaScript, ¿qué representa classList?",
      "answers": [
        "Método de fetch",
        "Permite añadir, quitar o alternar clases CSS",
        "Lista de archivos JS"
      ],
      "correct": 1,
      "explanation": "Classlist se refiere a permite añadir, quitar o alternar clases CSS.",
      "id": 38
    },
    {
      "question": "¿Cuál es la interpretación correcta de setAttribute en JavaScript?",
      "answers": [
        "Borra el elemento",
        "Crea una promesa",
        "Asigna un atributo a un elemento"
      ],
      "correct": 2,
      "explanation": "Setattribute se refiere a asigna un atributo a un elemento.",
      "id": 39
    },
    {
      "question": "Relaciona getAttribute con su significado correcto en JavaScript.",
      "answers": [
        "Obtiene el valor de un atributo",
        "Ordena nodos",
        "Modifica el texto"
      ],
      "correct": 0,
      "explanation": "Getattribute se refiere a obtiene el valor de un atributo.",
      "id": 40
    },
    {
      "question": "En JavaScript, createElement se refiere principalmente a.",
      "answers": [
        "Selecciona un elemento existente",
        "Crea un nuevo elemento HTML",
        "Convierte JSON"
      ],
      "correct": 1,
      "explanation": "Createelement se refiere a crea un nuevo elemento HTML.",
      "id": 41
    },
    {
      "question": "¿Qué afirmación describe mejor append dentro de JavaScript?",
      "answers": [
        "Clona todo el DOM",
        "Elimina el primer hijo",
        "Inserta nodos o texto al final de un elemento"
      ],
      "correct": 2,
      "explanation": "Append se refiere a inserta nodos o texto al final de un elemento.",
      "id": 42
    },
    {
      "question": "En JavaScript, ¿qué representa prepend?",
      "answers": [
        "Inserta contenido al inicio de un elemento",
        "Sustituye el documento",
        "Crea eventos"
      ],
      "correct": 0,
      "explanation": "Prepend se refiere a inserta contenido al inicio de un elemento.",
      "id": 43
    },
    {
      "question": "¿Cuál es la interpretación correcta de remove en JavaScript?",
      "answers": [
        "Oculta solo con CSS",
        "Elimina un elemento del DOM",
        "Recarga la página"
      ],
      "correct": 1,
      "explanation": "Remove se refiere a elimina un elemento del DOM.",
      "id": 44
    },
    {
      "question": "Relaciona replaceChildren con su significado correcto en JavaScript.",
      "answers": [
        "Convierte números",
        "Cambia la URL",
        "Reemplaza los hijos de un elemento"
      ],
      "correct": 2,
      "explanation": "Replacechildren se refiere a reemplaza los hijos de un elemento.",
      "id": 45
    },
    {
      "question": "En JavaScript, parentElement se refiere principalmente a.",
      "answers": [
        "Referencia al elemento padre",
        "Primer atributo",
        "Valor CSS computado"
      ],
      "correct": 0,
      "explanation": "Parentelement se refiere a referencia al elemento padre.",
      "id": 46
    },
    {
      "question": "¿Qué afirmación describe mejor children dentro de JavaScript?",
      "answers": [
        "Lista de eventos",
        "Colección de hijos elemento",
        "Todos los nodos incluyendo texto siempre"
      ],
      "correct": 1,
      "explanation": "Children se refiere a colección de hijos elemento.",
      "id": 47
    },
    {
      "question": "En JavaScript, ¿qué representa closest?",
      "answers": [
        "Busca descendientes",
        "Carga imágenes",
        "Busca el ancestro más cercano que coincide con selector"
      ],
      "correct": 2,
      "explanation": "Closest se refiere a busca el ancestro más cercano que coincide con selector.",
      "id": 48
    },
    {
      "question": "¿Cuál es la interpretación correcta de dataset en JavaScript?",
      "answers": [
        "Acceso a atributos data-*",
        "Lista de clases",
        "Almacén de cookies"
      ],
      "correct": 0,
      "explanation": "Dataset se refiere a acceso a atributos data-*.",
      "id": 49
    },
    {
      "question": "Relaciona style con su significado correcto en JavaScript.",
      "answers": [
        "Selector de formularios",
        "Propiedad para estilos inline",
        "Hoja CSS externa"
      ],
      "correct": 1,
      "explanation": "Style se refiere a propiedad para estilos inline.",
      "id": 50
    }
  ]
}