Amaiko WebLog

Hur du ändrar CSS-ID med hjälp av JavaScript

Det finns flera metoder och tekniker för att ändra CSS med hjälp av JavaScript som kommer att säga nu. Och behovet av sådana tekniker att lägga till mer dynamik till våra sidor.

Hur man använder dem

Vi kan, till exempel, och enkelt starta en DIV som innehåller annonser och gör användaren till sidan kontroller för att visa eller dölja dessa annonser eller t.ex. för att ringa användaren välja storlek på de största linjerna i befintliga eller Exempelvis kan vi utforma våra sidor på grund av sitt erbjudande till 800 pixlar och lägga till en fastighet gör det möjligt för användaren att göra presentationen Sida 1024 pixlar för användare av skärmupplösning större

Ett exempel på detta

Detta här är ett exempel på det och att ladda ner koden från här
Vetenskapen har utvecklat den här koden under licensen Public Domain någon som du kan göra med det vad du vill.

Förklara den kod som används i exemplet

Xhtml
Vi har etablerat Div innehåller annonser och vi kallade adsbar Div annan har varit på sidelement som vi kallade Body DVA knappen för att stänga sidofältet och under samordnade visas, och det stängs.

CSS
Vi har gjort den profil kolumnbredden som kommer att innehålla reklam utgör en femtedel av skärmen och resten av sidelement representerar fyra femtedelar av skärmen
JavaScript
Vad som redan var lätt nu kommit till en del av detta viktiga och jag kommer att förklara koden mer uppmärksamhet.
Det första vi har inrättat en funktion för att dölja sidofältet innehåller annonserna och vi uppmanade HideAds

funktion HideAds ()
(
document.getElementById ("adsbar"). style.visibility = "dolda"
document.getElementById ("kropp"). style.width = "100%"

)

Som ni kan se oss och Javascript webbläsare med nyheten att Div Id stil adsbar Vi vill göra egendomen ett nytt värde och synlighet är dolt
I korthet vad som hände Hua standardläge till detta är att ID är

Sikt: synlig

Vi gör det till webbläsaren

Sikt: hidden

Och på samma sätt, kan vi berätta webbläsaren till exempel, eller ändra färg eller vad du vill veta nu hur de ska jaga, jakt vad du älskar.
Men när du dölja sidofältet på denna sida vara runt resten av skärmen representerar fyra femtedelar av som kommer att göra Java-skript talar om för webbläsaren att göra ID, som gör anspråk på kroppen bredd av 100% av skärmen genom den

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

Och detta sätt kan du göra vad du vill och lägga till en stor dynamisk till din sida.
Bild Todhip

Och glöm inte exemplet med den ovan här och ladda ner koden från här