{
  "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": "document.querySelector selecciona el primer elemento que coincide.",
      "id": 1
    },
    {
      "question": "En el supuesto de recurso selecciona el primer elemento que coincide, identifica la opción incorrecta.",
      "answers": [
        "classList.remove",
        "document.querySelector",
        "addEventListener"
      ],
      "correct": 2,
      "explanation": "La opción que no corresponde es: addEventListener. La referencia correcta del enunciado original era: document.querySelector.",
      "id": 2
    },
    {
      "question": "Revisa programar en JavaScript, ¿qué opción selecciona el primer elemento que…: ¿qué afirmación no corresponde?",
      "answers": [
        "ClassList.remove en relación con programar en JavaScript, ¿qué opción selecciona el primer elemento que…",
        "Document.querySelector en relación con programar en JavaScript, ¿qué opción selecciona el primer elemento que…",
        "AddEventListener en relación con programar en JavaScript, ¿qué opción selecciona el primer elemento que…"
      ],
      "correct": 2,
      "explanation": "La opción que no corresponde es: addEventListener. La referencia correcta del enunciado original era: document.querySelector.",
      "id": 3
    },
    {
      "question": "¿Qué elemento de JavaScript permite «lee o cambia texto»?",
      "answers": [
        "textContent",
        "classList.add",
        "appendChild"
      ],
      "correct": 0,
      "explanation": "textContent lee o cambia texto.",
      "id": 4
    },
    {
      "question": "En el supuesto de recurso lee o cambia texto, identifica la opción incorrecta.",
      "answers": [
        "classList.add",
        "appendChild",
        "textContent"
      ],
      "correct": 0,
      "explanation": "La opción que no corresponde es: classList.add. La referencia correcta del enunciado original era: textContent.",
      "id": 5
    },
    {
      "question": "Revisa programar en JavaScript, ¿qué opción lee o cambia texto: ¿qué afirmación no corresponde?",
      "answers": [
        "ClassList.add en relación con programar en JavaScript, ¿qué opción lee o cambia texto",
        "AppendChild en relación con programar en JavaScript, ¿qué opción lee o cambia texto",
        "TextContent en relación con programar en JavaScript, ¿qué opción lee o cambia texto"
      ],
      "correct": 0,
      "explanation": "La opción que no corresponde es: classList.add. La referencia correcta del enunciado original era: textContent.",
      "id": 6
    },
    {
      "question": "Selecciona qué elemento de JavaScript permite «añade una clase».",
      "answers": [
        "ClassList.add en relación con añade una clase",
        "CreateElement en relación con añade una clase",
        "TextContent en relación con añade una clase"
      ],
      "correct": 0,
      "explanation": "classList.add añade una clase.",
      "id": 7
    },
    {
      "question": "En el supuesto de clase, identifica la opción incorrecta.",
      "answers": [
        "CreateElement en relación con clase",
        "ClassList.add en relación con clase",
        "TextContent en relación con clase"
      ],
      "correct": 2,
      "explanation": "La opción que no corresponde es: textContent. La referencia correcta del enunciado original era: classList.add.",
      "id": 8
    },
    {
      "question": "Revisa clase: ¿qué afirmación no corresponde?",
      "answers": [
        "CreateElement en relación con clase en relación con clase",
        "ClassList.add en relación con clase en relación con clase",
        "TextContent en relación con clase en relación con clase"
      ],
      "correct": 2,
      "explanation": "La opción que no corresponde es: textContent. La referencia correcta del enunciado original era: classList.add.",
      "id": 9
    },
    {
      "question": "¿Qué elemento de JavaScript permite «elimina una clase»?",
      "answers": [
        "classList.remove",
        "classList.add",
        "addEventListener"
      ],
      "correct": 0,
      "explanation": "classList.remove elimina una clase.",
      "id": 10
    },
    {
      "question": "En el supuesto de recurso elimina una clase, identifica la opción incorrecta.",
      "answers": [
        "ClassList.add en relación con recurso elimina una clase",
        "AddEventListener en relación con recurso elimina una clase",
        "ClassList.remove en relación con recurso elimina una clase"
      ],
      "correct": 1,
      "explanation": "La opción que no corresponde es: addEventListener. La referencia correcta del enunciado original era: classList.remove.",
      "id": 11
    },
    {
      "question": "Revisa programar en JavaScript, ¿qué opción elimina una clase: ¿qué afirmación no corresponde?",
      "answers": [
        "ClassList.remove en relación con programar en JavaScript, ¿qué opción elimina una clase",
        "ClassList.add en relación con programar en JavaScript, ¿qué opción elimina una clase",
        "AddEventListener en relación con programar en JavaScript, ¿qué opción elimina una clase"
      ],
      "correct": 1,
      "explanation": "La opción que no corresponde es: classList.add. La referencia correcta del enunciado original era: classList.remove.",
      "id": 12
    },
    {
      "question": "¿Qué elemento de JavaScript permite «escucha eventos»?",
      "answers": [
        "AddEventListener en relación con escucha eventos",
        "ClassList.remove en relación con escucha eventos",
        "ClassList.add en relación con escucha eventos"
      ],
      "correct": 0,
      "explanation": "addEventListener escucha eventos.",
      "id": 13
    },
    {
      "question": "En el supuesto de recurso escucha eventos, identifica la opción incorrecta.",
      "answers": [
        "ClassList.remove en relación con recurso escucha eventos",
        "ClassList.add en relación con recurso escucha eventos",
        "AddEventListener en relación con recurso escucha eventos"
      ],
      "correct": 0,
      "explanation": "La opción que no corresponde es: classList.remove. La referencia correcta del enunciado original era: addEventListener.",
      "id": 14
    },
    {
      "question": "Revisa programar en JavaScript, ¿qué opción escucha eventos: ¿qué afirmación no corresponde?",
      "answers": [
        "AddEventListener en relación con programar en JavaScript, ¿qué opción escucha eventos",
        "ClassList.add en relación con programar en JavaScript, ¿qué opción escucha eventos",
        "ClassList.remove en relación con programar en JavaScript, ¿qué opción escucha eventos"
      ],
      "correct": 1,
      "explanation": "La opción que no corresponde es: classList.add. La referencia correcta del enunciado original era: addEventListener.",
      "id": 15
    },
    {
      "question": "¿Qué elemento de JavaScript permite «crea un elemento»?",
      "answers": [
        "classList.add",
        "textContent",
        "createElement"
      ],
      "correct": 2,
      "explanation": "createElement crea un elemento.",
      "id": 16
    },
    {
      "question": "En el supuesto de recurso crea un elemento, identifica la opción incorrecta.",
      "answers": [
        "TextContent en relación con recurso crea un elemento",
        "ClassList.add en relación con recurso crea un elemento",
        "CreateElement en relación con recurso crea un elemento"
      ],
      "correct": 0,
      "explanation": "La opción que no corresponde es: textContent. La referencia correcta del enunciado original era: createElement.",
      "id": 17
    },
    {
      "question": "Revisa programar en JavaScript, ¿qué opción crea un elemento: ¿qué afirmación no corresponde?",
      "answers": [
        "TextContent en relación con programar en JavaScript, ¿qué opción crea un elemento",
        "ClassList.add en relación con programar en JavaScript, ¿qué opción crea un elemento",
        "CreateElement en relación con programar en JavaScript, ¿qué opción crea un elemento"
      ],
      "correct": 1,
      "explanation": "La opción que no corresponde es: classList.add. La referencia correcta del enunciado original era: createElement.",
      "id": 18
    },
    {
      "question": "¿Qué elemento de JavaScript permite «inserta un nodo hijo»?",
      "answers": [
        "classList.add",
        "appendChild",
        "textContent"
      ],
      "correct": 1,
      "explanation": "appendChild inserta un nodo hijo.",
      "id": 19
    },
    {
      "question": "En el supuesto de recurso inserta un nodo hijo, identifica la opción incorrecta.",
      "answers": [
        "AppendChild en relación con recurso inserta un nodo hijo",
        "ClassList.add en relación con recurso inserta un nodo hijo",
        "TextContent en relación con recurso inserta un nodo hijo"
      ],
      "correct": 1,
      "explanation": "La opción que no corresponde es: classList.add. La referencia correcta del enunciado original era: appendChild.",
      "id": 20
    },
    {
      "question": "Revisa programar en JavaScript, ¿qué opción inserta un nodo hijo: ¿qué afirmación no corresponde?",
      "answers": [
        "ClassList.add en relación con programar en JavaScript, ¿qué opción inserta un nodo hijo",
        "AppendChild en relación con programar en JavaScript, ¿qué opción inserta un nodo hijo",
        "TextContent en relación con programar en JavaScript, ¿qué opción inserta un nodo hijo"
      ],
      "correct": 2,
      "explanation": "La opción que no corresponde es: textContent. La referencia correcta del enunciado original era: appendChild.",
      "id": 21
    },
    {
      "question": "Selecciona qué elemento de JavaScript permite «accede a atributos data-*».",
      "answers": [
        "dataset",
        "disabled",
        "value"
      ],
      "correct": 0,
      "explanation": "dataset accede a atributos data-*.",
      "id": 22
    },
    {
      "question": "En el supuesto de a atributos data-*, identifica la opción incorrecta.",
      "answers": [
        "value",
        "dataset",
        "disabled"
      ],
      "correct": 0,
      "explanation": "La opción que no corresponde es: value. La referencia correcta del enunciado original era: dataset.",
      "id": 23
    },
    {
      "question": "Revisa a atributos data-*: ¿qué afirmación no corresponde?",
      "answers": [
        "value",
        "disabled",
        "dataset"
      ],
      "correct": 1,
      "explanation": "La opción que no corresponde es: disabled. La referencia correcta del enunciado original era: dataset.",
      "id": 24
    },
    {
      "question": "¿Qué elemento de JavaScript permite «desactiva un control»?",
      "answers": [
        "Disabled en relación con desactiva un control",
        "Dataset en relación con desactiva un control",
        "Value en relación con desactiva un control"
      ],
      "correct": 0,
      "explanation": "disabled desactiva un control.",
      "id": 25
    },
    {
      "question": "En el supuesto de recurso desactiva un control, identifica la opción incorrecta.",
      "answers": [
        "Disabled en relación con recurso desactiva un control",
        "Value en relación con recurso desactiva un control",
        "Dataset en relación con recurso desactiva un control"
      ],
      "correct": 1,
      "explanation": "La opción que no corresponde es: value. La referencia correcta del enunciado original era: disabled.",
      "id": 26
    },
    {
      "question": "Revisa programar en JavaScript, ¿qué opción desactiva un control: ¿qué afirmación no corresponde?",
      "answers": [
        "Value en relación con programar en JavaScript, ¿qué opción desactiva un control",
        "Dataset en relación con programar en JavaScript, ¿qué opción desactiva un control",
        "Disabled en relación con programar en JavaScript, ¿qué opción desactiva un control"
      ],
      "correct": 0,
      "explanation": "La opción que no corresponde es: value. La referencia correcta del enunciado original era: disabled.",
      "id": 27
    },
    {
      "question": "¿Qué elemento de JavaScript permite «lee el valor de un campo»?",
      "answers": [
        "Disabled en relación con lee el valor de un campo",
        "Value en relación con lee el valor de un campo",
        "Dataset en relación con lee el valor de un campo"
      ],
      "correct": 1,
      "explanation": "value lee el valor de un campo.",
      "id": 28
    },
    {
      "question": "En el supuesto de campo, identifica la opción incorrecta.",
      "answers": [
        "Value en relación con campo",
        "Dataset en relación con campo",
        "Disabled en relación con campo"
      ],
      "correct": 1,
      "explanation": "La opción que no corresponde es: dataset. La referencia correcta del enunciado original era: value.",
      "id": 29
    },
    {
      "question": "Revisa campo: ¿qué afirmación no corresponde?",
      "answers": [
        "Value en relación con campo",
        "Dataset en relación con campo",
        "Disabled en relación con campo"
      ],
      "correct": 2,
      "explanation": "La opción que no corresponde es: disabled. La referencia correcta del enunciado original era: value.",
      "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": [
        "objeto principal para acceder al DOM de la página",
        "tipo de dato primitivo",
        "método de arrays"
      ],
      "correct": 0,
      "explanation": "Document se refiere a objeto principal para acceder al DOM de la página.",
      "id": 32
    },
    {
      "question": "Para una pregunta de JavaScript, ¿cómo debe entenderse 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 un elemento por su id",
        "busca por clase siempre",
        "modifica estilos automáticamente"
      ],
      "correct": 0,
      "explanation": "Getelementbyid se refiere a busca un elemento por su id.",
      "id": 35
    },
    {
      "question": "En JavaScript, textContent se refiere principalmente a...",
      "answers": [
        "obtiene atributos",
        "lee o cambia texto sin interpretar HTML",
        "inserta HTML ejecutable siempre"
      ],
      "correct": 1,
      "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": "Para una pregunta de JavaScript, ¿cómo debe entenderse 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": [
        "asigna un atributo a un elemento",
        "borra el elemento",
        "crea una promesa"
      ],
      "correct": 0,
      "explanation": "Setattribute se refiere a asigna un atributo a un elemento.",
      "id": 39
    },
    {
      "question": "Relaciona getAttribute con su significado correcto en JavaScript.",
      "answers": [
        "ordena nodos",
        "obtiene el valor de un atributo",
        "modifica el texto"
      ],
      "correct": 1,
      "explanation": "Getattribute se refiere a obtiene el valor de un atributo.",
      "id": 40
    },
    {
      "question": "En JavaScript, createElement se refiere principalmente a...",
      "answers": [
        "crea un nuevo elemento HTML",
        "selecciona un elemento existente",
        "convierte JSON"
      ],
      "correct": 0,
      "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": "Para una pregunta de JavaScript, ¿cómo debe entenderse prepend?",
      "answers": [
        "sustituye el documento",
        "inserta contenido al inicio de un elemento",
        "crea eventos"
      ],
      "correct": 1,
      "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",
        "todos los nodos incluyendo texto siempre",
        "colección de hijos elemento"
      ],
      "correct": 2,
      "explanation": "Children se refiere a colección de hijos elemento.",
      "id": 47
    },
    {
      "question": "Para una pregunta de JavaScript, ¿cómo debe entenderse 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": [
        "lista de clases",
        "acceso a atributos data-*",
        "almacén de cookies"
      ],
      "correct": 1,
      "explanation": "Dataset se refiere a acceso a atributos data-*.",
      "id": 49
    },
    {
      "question": "Relaciona style con su significado correcto en JavaScript.",
      "answers": [
        "selector de formularios",
        "hoja CSS externa",
        "propiedad para estilos inline"
      ],
      "correct": 2,
      "explanation": "Style se refiere a propiedad para estilos inline.",
      "id": 50
    }
  ]
}