classList e o proprietate JavaScript ce poate fi utilizata pentru a lucra cu clase CSS la elementele HTML, util pentru a adauga, elimina, inlocui si comuta clase CSS la elemente HTML. Contine un obiect-lista a atributului class.
Sintaxa:
element.classList
- Daca atributul class nu e setat, sau e gol, codul: element.classList.length returneaza 0.

Metode classList

Obiectul continut de proprietatea classList are aceste metode:

Exemple cu classList

1. Adauga doua clase css la un <div>:
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');

Un Test simplu in fiecare zi

HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Care tag este element de tip bloc?
<div> <img> <span>
<div>Web Programming and Development</div>
Care cod CSS afiseaza textul subliniat?
font-style: italic; text-decoration: underline; font-weight: 500;
h2 {
  text-decoration: underline;
}
Clic pe functia JavaScript care apeleaza o alta functie dupa un anumit timp.
insertBefore() setTimeout() querySelector()
function someFunction() { alert("CoursesWeb.net"); }
setTimeout("someFunction()", 2000);
Clic pe instructiunea care returneaza numarul total de elemente dintr-un array asociativ.
count($array) count($array, 1) strlen()
$food =["fruits" =>["banana", "mar"), "veggie" =>["ceapa", "rosie"));
$nr_food = count($food, 1);
echo $nr_food;       // 6
Indicati Viitorul Perfect la negativ al verbului din paranteze, in propozitia: "The child (to not play) by Sunday".
has't played haven't been playing will haven't played
The child will haven't played by Sunday.
- Copilul nu s-ar fi jucat pana duminica.
Indicati Viitorul Perfect pentru verbul "contar" (a povesti) la forma "Él".
habrá contado va a contar contaba
Él no habrá contado el cuento.
- El nu ar fi spus povestea.
classList - Lucru cu clase css

Last accessed pages

  1. Configurari pentru culori si fundal (309)
  2. Verbe modale - Modal verbs - CAN, COULD, MAY, MIGHT, MUST (11014)
  3. Numere cardinale 1-10 (721)
  4. Elemente principale HTML (3124)
  5. Formate text (4868)

Popular pages this month

  1. Bubbles3 (4290)
  2. Gramatica limbii engleze - Prezentare Generala (2773)
  3. Butterfly Kyodai (2437)
  4. Cursuri si Tutoriale: Spaniola, Engleza, HTML, CSS, Php-Mysql, JavaScript, Ajax (2008)
  5. Curs HTML gratuit Tutoriale HTML5 (1997)