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');
<img src="image.jpg" usemap="#map1"> <map name="map1"> <area shape="rect" coords="9, 120, 56, 149" href="#"> <area shape="rect" coords="100, 200, 156, 249" href="#"> </map>
#id { overflow: auto; }
document.getElementById("id").onmouseover = function(){ document.write("Sa ai Viata Buna"); }
if(isset($_GET["id"])) { echo $_GET["id"]; }
Marc is the boy who won the prize. - Marc e baiatul care a castigat premiul.
Voy a ver al pintor de quien les hablé ayer. - Ma duc sa vad pictorul despre care ti-am vorbit ieri.