Javascript y JQuery: Obtener elemento por su id

En el mundo web muchas veces es necesario interactuar con el usuario, por ejemplo cambiando atributos de algunos elementos html, activando o desactivando botones, cambiando de color los elementos, etc. Para ello podemos utilizar javascript de la siguiente manera.

//Definición de una variable

var mi_boton;

//Asignación del botón a la variable

mi_boton = document.getElementById(“boton1”);

//Escondemos el botón cambiando la propiedad  con setAttribute(“propiedad”, “valor”)

mi_boton.setAttribute(“display”, “hidden”);

También se puede hacer todo esto en una sola línea:

document.getElementById(“boton1”).setAttribute(“display”, “none”); 

Con jQuery se puede simplificar en una sola línea:

//Obtenemos y cambiamos el valor de la visibilidad del botón (‘#’ para buscar por id, ‘.’ por clase)

$(“#boton1”).hide(); //Ocultamos el botón

$(“#boton1”).show(); //Mostramos el botón

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

w

Conectando a %s