Amaiko WebLog

Jak změnit CSS ID pomocí Javascriptu

Existuje více metod a technik na změnu CSS pomocí JavaScriptu, která se bude říkat teď. A potřeba těchto technikách přidat další dynamiku do naší stránky.

Jak je používat

Můžeme, například, a snadno začít DIV obsahující reklamy a uživatele na stránku kontroly, zobrazit nebo skrýt tyto reklamy nebo například aby uživatel zvolit velikost největšího linek stávajících nebo například můľeme navrhnout našich stránkách na základě své nabídky do 800 pixelů a přidat property umožňuje uživateli provést prezentaci Page 1024 pixelů pro uživatele screen-rozlišení větší

Příkladem tohoto

To, zde je příklad, že i ke stažení kód zde
Věda vyvinula tento kód pod licencí Public Domain všechny, které můžete dělat s tím, co chcete.

Vysvětlete jaký kód se používá v příkladu

Xhtml
Navázali jsme Div obsahuje reklamy a říkali jsme adsbar Div jiný zůstal položky na stránce jako jsme nazvali Body Dva tlačítko zavřete sidebar a dělal koordinované ikona, a tam vypnout.

CSS
Udělali jsme šířku sloupce profil, který bude obsahovat reklamní představuje jednu pětinu obrazovky a zbytek prvků stránky, představují čtyři pětiny obrazovky
JavaScript
Co už bylo snadné nyní přijde na část tohoto důležitého a já budu vysvětlovat kód větší pozornost.
První věc, kterou jsme založili funkci skrýt sidebar obsahující reklamy a Zavolali jsme HideAds

Funkce HideAds ()
(
document.getElementById ("adsbar"). style.visibility = "skrytý"
document.getElementById ("body"). style.width = "100%"

)

Jak můžete vidět nás a Javascript schopný prohlížeč se zprávou, že Id Div stylizované adsbar Chceme, aby se majetek novou hodnotu a viditelnost je skrytý
V krátkosti, co se stalo Hua výchozí režim pro toto je identifikátor

Viditelnost: visible

Děláme to v prohlížeči

Viditelnost: skryté

A na stejném duchu, můžeme říci, prohlížeč například, nebo změnit barvu, nebo to, co chcete vědět hned, jak na lov, myslivost, co máte rádi.
Ale když jste skrýt sidebar této stránky je asi zbytek obrazovky představují čtyři pětiny, které umožní Java skript říká prohlížeči, aby ID, který tvrdí, tělo šířce 100% z obrazovky přes to

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

A tak si můžete dělat, co chceš, a přidá skvělý dynamický na vaší stránce.
Obrázek Todhip

A nezapomeňte na příkladu výše uvedených zde a stáhnout si kód zde