Amaika WebLog

Com canviar el ID de CSS amb Javascript

Hi ha múltiples mètodes i tècniques per canviar el CSS amb Javascript que va a dir ara. I la necessitat d'aquestes tècniques per afegir més dinamisme a les nostres pàgines.

Com usar-los

Podem, per exemple, i fàcilment iniciar una controls DIV que contenen els anuncis i fer que l'usuari de la pàgina per mostrar o amagar aquests anuncis o per exemple fer que l'usuari triï la mida de les grans línies de la legislació vigent o exemple, podem dissenyar les nostres pàgines sobre la base de la seva oferta de 800 píxels i afegir una propietat permet a l'usuari fer la presentació Pàgina 1024 píxels per als usuaris de la pantalla de resolució més gran

Un exemple d'això

Això, aquí hi ha un exemple d'això i per descarregar el codi des d'aquí
La ciència ha desenvolupat el codi sota la llicència de domini públic qualsevol que vostè pot fer amb ella el que vol.

Explicar el codi utilitzat en l'exemple

Xhtml
Hem establert Div conté anuncis i anomenem adsbar Div altra s'ha mantingut en els elements de pàgina com es diu Consell de Dva botó per tancar la barra lateral i es va coordinar icona apareix, i no tancarà.

CSS
Hem fet el perfil d'ample de columna que contindrà la publicitat representa una cinquena part de la pantalla i la resta dels elements de la pàgina representen quatre cinquenes parts de la pantalla
Javascript
El que ja era fàcil ara a part d'aquest important i vaig a explicar el codi més atenció.
El primer que hem establert una funció per ocultar la barra lateral que conté els anuncis i anomenem HideAds

HideAds function ()
(
document.getElementById ("adsbar"). style.visibility = "hidden"
document.getElementById ("cos"). style.width = "100%"

)

Com es pot veure amb nosaltres i capaços navegador Javascript amb la notícia que Div estil Aneu adsbar els Volem fer que la propietat un nou valor i la visibilitat està ocult
En resum el que va passar Hwa, va dir el mode per defecte és l'identificador es

Visibilitat: visible

Nosaltres ho fem en el navegador

Visibilitat: ocult

I en el mateix sentit, podem indicar al navegador per exemple, o canviar el color o el que vostè vol saber ara com caçar, el que li agrada la caça.
Però quan vostè amagar la barra lateral d'aquesta pàgina es tota la resta de la pantalla representen quatre cinquenes parts de què farà Java script li diu al navegador perquè la ID, que diu ample del cos del 100% de la pantalla a través d'ella

document.getElementById ("cos"). style.width = "100%"

I d'aquesta manera vostè pot fer el que vulgui, i afegir una gran dinàmica a la pàgina.
Imatge Todhip

I no oblidis l'exemple de l'anterior aquí i descarregar el codi des d'aquí