Javascript - dom kezelési attribútum osztály, IT vezető

Ebben a leckében megnézzük ingatlan classList. Úgy tervezték, hogy az osztályok elem (csomópont). Segítségével nem csak kap a class attribútum értéke a tárgy, hanem a hozzá az új osztályok vagy törölheti a meglévő.

Munkavégzés a osztály (ok) az elem

Job osztályok eleme (node) keresztül getAttribute () módszerek. setAttribute () és removeAttribute () nehéz, például mikor kell hozzáadni, törölni, vagy kapcsolja bármelyike ​​eleme egy bizonyos osztályban. Ezek a módszerek lehetővé teszik, hogy a munka egy class attribútum értéke csak egészében, és nem teszi lehetővé, hogy ellenőrizzék a különböző osztályok.

Annak érdekében, hogy ellenőrizzék az egyes elemek az osztály használni kívánt classList tulajdon. Ez a tulajdonság az attribútum osztály DOMTokenList objektumot. Maga az ingatlan classList csak olvasható, és óravezetés (osztályok) elem segítségével DOMTokenList tárgy módszerekkel.

classList tulajdonság (DOMTokenList tárgy) nem támogatja az Internet Explorer 8, 9 és Opera Mini böngésző.

A length tulajdonság

DOMTokenList objektumnak van egy length tulajdonság. amely visszaadja az osztályok száma a listában. Ez a tulajdonság csak olvasható.

Módszerek DOMTokenList objektum

add (class1, class2.) - egészíti ki egy vagy több osztálya az elem. Ha a megadott osztály már az elem, akkor nem kell hozzá.

tartalmaz (osztály) - visszaadja igaz vagy hamis attól függően, hogy az elem az adott osztályra.

tétel (index) - visszaadja a nevét az osztály által index DOMTokenList gyűjtemény. Elemek számolása (osztályok) a gyűjtemény kezdődik 0. Ha Ön, mint a paraméter a módszer tétel (index) jelzett egy nem létező osztály (vagyis az index a tartományon kívül van), akkor ez a módszer visszatér hozzád eredményeként null.

eltávolítás (classl, class2.) - Egy vagy több ilyen fajta elem y. Ha megad egy osztály, amely nem létezik a cellában, akkor nem okozhat hibát a módszert.

Toggle (osztály, true | false) - kapcsolók az adott osztály nevét az elem. Billenőkapcsoló módszer 2 paraméterei: osztály (szükséges) - jelzi az osztály nevét kell forgatni; true | false (opcionális) - logikai érték, amely meggátolja a kapcsolót be vagy ki az adott osztály az elem.

Amikor a toogle egy paraméterrel, átkapcsol az osztály. Ie ha az osztály egyik eleme, hogy eltávolítja, ha ez az osztály nem egy elem, akkor növeli azt.

Az eljárást alkalmazva toogle 2 paramétereket, átkapcsol az osztály függően a paraméter értéke 2. Ha a paraméter beállítása 2 igaz. akkor a módszer egészíti osztály az elem. Ha a paraméter 2 értéke hamis. akkor ez az eljárás eltávolítja az adott osztály az elem.

Ha toogle módszer alkalmazásához szükséges szem előtt tartani, hogy a második opció nem támogatott az Internet Explorer 10 és 11.

Például egy switch-el van rejtve xs osztály az elem, amely a id = „sidebar”:

Például, hogy adjunk több osztályok az elem id = „MyID”:

Például, hogy távolítsa el a rejtett-xs osztálya elem id = „sajatazonosito”:

Például, hogy egy első osztályú név az elem id = „sajatazonosito”:

Például annak meghatározására, hogy az Besorolás rejtett lg, és ha igen, vegye ki: