classList e o proprietate JavaScript prin case se poate lucra cu clase CSS la elementele HTML, utila pentru a adauga, elimina, inlocui si comuta clase CSS la elemente HTML. Contine un obiect-lista a atributului class
.
Sintaxa:
element.classList.length
returneaza 0.Obiectul continut de proprietatea classList
are aceste metode:
add(class1, class2, ..)
- adauga unul sau mai multe clase la un element. Daca clasa specificata exista deja, nu va fi adaugata.contains(class)
- Pentru a verifica daca un element contine sau nu o anumita clasa css. Returneaza True daca elementul contine numele de clasa specificat; altfel, False.item(index)
- returneaza numele clasei cu numarul de index specificat (indexul incepe de la 0) sau Null daca indicele specificat este in afara intervalului.remove(class1, class2, ..)
- elimina unul sau mai multe clase css dintr-un element.replace(oldClass, newClass)
- inlocuieste o clasa existenta cu alta noua.toggle(class, [true|false])
- Cand e adaugat un singur argument, comuta acea clasa. Daca exista deja, o sterge si returneaza false, daca nu exista, o adauga si returneaza true.element.classList.toggle('classToRemove', false);- Adauga o clasa:
element.classList.toggle('classToAdd', true);
var div1 = document.getElementById('div1'); div1.classList.add('cls_1', 'cls_2');2. Elimina o clasa css de la un <div>:
var div1 = document.getElementById('div1'); div1.classList.remove('cls_2');3. Verifica daca un <div> contine sau nu o anumita clasa css:
var div1 = document.getElementById('div1'); if(div1.classList.contains('cls_1')) alert('.cls_1 in #div1'); else alert('.cls_1 not in #div1');4. Inlocuieste clasa 'foo' cu 'bar':
var div1 = document.getElementById('div1'); div1.classList.replace('foo', 'bar');5. Daca 'visible' e setat, il elimina; altfel, il adauga:
var div1 = document.getElementById('div1'); div1.classList.toggle('visible');
<input type="text" value="valoare-fixa" readonly="readonly" name="a_name" />
.class { border:2px solid blue; border-radius:1.2em; }
var ques = window.confirm("Rezultatul lui 0+0 este 0?"); if (ques) alert("Corect"); else alert("Incorect");
$min_nr = min(12, 8, 25, 13); echo $min_nr; // 8
Its ears are big. - Urechile lui sunt mari.
Los niños son deportistas. - Copii sunt sportivi.