Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Eventos y Metodos

    Cargado por

    MARISOL RUTMERI CHOQUE COLQUE
    3 vistas3 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
    3 vistas3 páginas

    Eventos y Metodos

    Cargado por

    MARISOL RUTMERI CHOQUE COLQUE

    Copyright:

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

     

    document.getElementById
    Devuelve una referencia al elemento por su ID.

    Sintaxis

    elemento = document.getElementById(id);

    Enlace a la secciónParámetros
    id

    Es una cadena sensible a mayúsculas referida al ID único del elemento


    buscado.

    Enlace a la secciónValor Retornado


    element

    Es una referencia a un objeto Element, o null si un elemento con el ID


    especificado no se encuentra en el documento.

    Ejemplo
    <html>

    <head>

    <meta charset="utf-8">

    <title>Ejemplo getElementById</title>

    </head>

    <body>

    <script>
    function cambiaColor(nuevoColor)

    var elemento = document.getElementById('para');

    elemento.style.color = nuevoColor;

    function cambiaColorpie(nuevoColor)

    var elemento = document.getElementById('pie');

    elemento.style.color = nuevoColor;

    </script>

    <h1 id="para">Titulo resaltado que cambia de color</h1>

    <button onclick="cambiaColor('blue')">Azul</button>

    <button onclick="cambiaColor('red')">Rojo</button>

    <button onclick="cambiaColor('green')">Verde</button>

    <button onclick="cambiaColor('brown')">Marrón</button>

    <br>

    <br>

    <br>

    <button onclick="cambiaColorpie('blue')">Azul</button>

    <button onclick="cambiaColorpie('red')">Rojo</button>

    <button onclick="cambiaColorpie('green')">Verde</button>

    <button onclick="cambiaColorpie('brown')">Marrón</button>

    <h4 id="pie"> Referencia en el pie de página</h4>

    </body>

    </html>

     TAREA
    Investigar sobre el DOM (Document Object Model)Revisar la referencia en el portal
    web de Mozilla Developer Web:  

    https://developer.mozilla.org/es/docs/Referencia_DOM_de_Gecko/Introducci
    %C3%B3n#Qu.C3.A9_es_el_DOM.3F

    También podría gustarte