Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Tarea de Aplicación Del Dom

    Cargado por

    GUSTAVO CALLIZAYA ALANOCA
    8 vistas2 páginas

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    DOCX, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    8 vistas2 páginas

    Tarea de Aplicación Del Dom

    Cargado por

    GUSTAVO CALLIZAYA ALANOCA

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 2

    NOMBRE: Gustavo Callizaya Alanoca CURSO: 25-200noche

    Ejemplo 1: Crear un nuevo elemento y agregarlo al DOM

    // Crear un nuevo párrafo

    var nuevoParrafo = document.createElement('p');

    // Agregar texto al párrafo

    nuevoParrafo.textContent = '¡Hola, soy un nuevo párrafo!';

    // Obtener el contenedor donde se va a agregar el párrafo

    var contenedor = document.getElementById('miContenedor');

    // Agregar el nuevo párrafo al contenedor

    contenedor.appendChild(nuevoParrafo);

    // Obtener el elemento que se quiere eliminar

    var elementoEliminar = document.getElementById('elementoAEliminar');

    Ejemplo 2: Eliminar un elemento del DOM

    // Verificar si el elemento existe antes de intentar eliminarlo

    if (elementoEliminar) {

    // Eliminar el elemento

    elementoEliminar.parentNode.removeChild(elementoEliminar);

    } else {

    console.log('El elemento no existe');

    Ejemplo 3: Modificar un elemento existente

    // Obtener el elemento que se quiere modificar

    var elementoModificar = document.getElementById('elementoAModificar');

    // Modificar el contenido del elemento

    if (elementoModificar) {

    elementoModificar.textContent = 'Nuevo contenido modificado';

    } else {

    console.log('El elemento no existe');

    Ejemplo 4: Agregar un evento al hacer clic en un botón

    }<!DOCTYPE html>
    <html>

    <head>

    <title>Ejemplo de Evento en JavaScript</title>

    </head>

    <body>

    <button id=”miBoton”>Haz clic aquí</button>

    <script>

    // Obtener el botón

    Var boton = document.getElementById(‘miBoton’);

    // Agregar un evento al hacer clic en el botón

    Boton.addEventListener(‘click’, function() {

    Alert(‘¡Has hecho clic en el botón!’);

    });

    </script>

    </body>

    </html>

    También podría gustarte