Megváltoztatása elem class JavaScript segítségével - html - dom, kód q - egy orosz (ru)
Modern módszerek HTML5 változtatni osztályok
Modern böngésző hozzá classList, amely eljárások ésszerűsítése óravezetés, anélkül, hogy a könyvtár:
Sajnos, ezek nem működnek az Internet Explorer 10-es verziója, bár van támogatás támogatást adni IE8 és IE9 az elérhető ezen az oldalon. Ez azonban egyre inkább támogatott.
Egy egyszerű cross-browser megoldás
Megváltoztatni az összes osztályt az elem:
Valamennyi meglévő osztályok egy vagy több új osztályok, az attribútumot className:
(Használhatja listáját határolt terek használatát több osztály.)
Egy újabb osztályt a elemet:
Ahhoz, hogy hozzá egy osztályt az elem eltávolítása nélkül / anélkül, hogy a meglévő értékeket, adjunk hozzá egy szóközt és az új osztály nevét, például:
Eltávolítani egy osztály elemei:
Törlése Egyetlen elem egy osztályban anélkül, hogy más lehetséges osztályok szükség, amely egyszerű csere a reguláris kifejezés:
Magyarázat erre a reguláris kifejezés jelentése a következő:
G zászló azt mondja, hogy a csere szükség szerint ismétlődik, ha az osztály neve többször adunk hozzá.
Annak ellenőrzésére, hogy az osztály már alkalmazott egyik eleme:
Ugyanez reguláris kifejezés fenti eltávolítására az osztály is lehet használni, mint egy teszt, hogy van egy külön osztály:
A feladat ezen tevékenységek események onclick:
Az első lépés, hogy ezt elérjük, hogy hozzon létre egy függvényt, és hívja a függvényt az onclick attribútumot, például:
(Nagyon durván, hogy a könyvtár egy sor eszközt kifejezetten egy adott feladatot, miközben a szerkezet általában tartalmaz több könyvtárakban, és biztosítja a teljes körű felelősséget.)
(Megjegyezzük, hogy itt $ a célja jQuery).
Változó osztályok jQuery:
Ezen túlmenően, jQuery biztosít egy parancsikont hozzá egy osztályt, ha nem használják, illetve eltávolítását az osztály, amely:
Hozzárendelése funkció a click esemény jQuery:
Vagy szükségessége nélkül azonosítója: