Cambio de la visualización de un elemento html usando javascript

He aquí un truco rápido javascript para controlar la configuración de pantalla. Todo lo que necesita hacer es configurar la visualización de un elemento cualquiera y luego usar una función de javascript para cambiar la pantalla cuando un usuario hace clic en otra cosa.

pasos

1 262 133 Imagen titulada
1
Crear una sección que contiene el elemento cuya pantalla desea cambiar.

lt;div identificación="contenido" estilo="display: Block"gt;Esto es conteúdo.divgt;


  • Imagen titulada 262 133 2
    2
    Había insertado el código de javascript para cambiar la visualización.



    lt;script type="text / javascript"gt;función toggleContent() {// Obtener una referencia al elemento DOM especificadovar contentId = documento.document.getElementById("contenido")-// Conmutación de lectura contentId.estilo.visualización == "bloque" ? contentId.estilo.visualización = "ninguno" :contentId.estilo.visualización = "bloque"-}guióngt;
  • Imagen titulada 262 133 3
    3


    Utilice un controlador de eventos para activar la función.

    lt;botón onclick="toggleContent ()"gt; Activarlt;/botóngt;

    • consejos

    • Ver ejemplos y código fuente en el sitio Circlecube

    Vídeo: Manipulación del DOM con jQuery

    Vídeo: Curso Básico de javascript 18.- Modificando el estilo de los elementos

    Vídeo: Cómo manipular elementos de HTML con javascript (manipulate HTML elements with javascript)

    De esta manera? Compartir en redes sociales:


    Opiniones y Comentarios

    Artículos Relacionados
    Cambiar el estilo de ensueño en tu androidCambiar el estilo de ensueño en tu android
    Agregar comentarios en un código htmlAgregar comentarios en un código html
    Adición javascript para su sitio web utilizando htmlAdición javascript para su sitio web utilizando html
    Alineación de algo htmlAlineación de algo html
    La creación de una calculadora usando htmlLa creación de una calculadora usando html
    Cómo crear un mapa de google con las tablas de datos de excel y fusiónCómo crear un mapa de google con las tablas de datos de excel y fusión
    Como hacer un vuelco de imágenes con javascriptComo hacer un vuelco de imágenes con javascript
    Geocodificación de una dirección por javascript en google mapsGeocodificación de una dirección por javascript en google maps
    Usando jsonsUsando jsons
    Usando jqueryUsando jquery
    Cómo bloquear los anuncios de internetCómo bloquear los anuncios de internet
    Cómo crear un menú desplegable en html y cssCómo crear un menú desplegable en html y css
    Cómo personalizar las barras de herramientas de firefox con imágenesCómo personalizar las barras de herramientas de firefox con imágenes
    Cómo crear una secuencia de comandos de inicio de sesión básico en phpCómo crear una secuencia de comandos de inicio de sesión básico en php
    ¿Cómo definir una función de javascript en html¿Cómo definir una función de javascript en html
    Cómo hackear un sitio con los códigos html básicosCómo hackear un sitio con los códigos html básicos
    Cómo habilitar javascript en un teléfono androidCómo habilitar javascript en un teléfono android
    ¿Cómo pretender que se rompió en un sitio web¿Cómo pretender que se rompió en un sitio web
    Cómo cambiar el tipo de letra en tumblrCómo cambiar el tipo de letra en tumblr
    Creación de una hoja de estilo css simple usando el bloc de notasCreación de una hoja de estilo css simple usando el bloc de notas