Există două modalități posibile de a controla stilul - programarea directă a elementelor de stil și suprascrierea stilului utilizând clasele CSS.
Luați în considerare prima metodă. Am aplicat-o deja când am luat în considerare posibilitatea de interceptare a evenimentelor de la tastatură. Semnificația acestei metode este că aspectul și comportamentul necesar al elementului se realizează printr-o schimbare secvențială a proprietăților stilului său. De exemplu:
Acest script, făcând clic pe pagină, modifică stilul documentului, schimbând fontul de la roșu aldine la negru. Dacă schimbați scriptul puțin și adăugați un cronometru, veți primi acest text care clipește:
Și schimbați script-ul după cum urmează:
A doua modalitate este că nu fiecare element al stilului se modifică dinamic, dar valoarea clasei elementului este setată imediat. La rândul său, stilul clasei este descris separat în format CSS.
Adăugați la elementul principal o descriere a stilurilor din clasele necesare și codul de script:
În elementul corpului, adăugați eticheta corespunzătoare cu textul:
Ca rezultat, obținem următoarele:
La prima vedere, poate părea că a doua metodă este mult mai dificilă și inconfortabilă, dar îndrăznesc să vă asigur că nu este așa. Avantajele acestei abordări sunt doar trei, dar compensează complet toate dezavantajele.
Al treilea motiv este cel mai important pentru dezvoltatori. Împărțind codul și descrierea stilurilor, puteți cripta în siguranță sau cumva încă închideți codul, protejând astfel munca dvs. de furtul banal și plagiat. Acest lucru este valabil mai ales dacă distribuiți scripturile dvs. pentru bani.