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
- 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. Conditional IF in Limba Engleza - Fraze Conditionale (36538)
  2. Viitorul - Verbul la viitor (1664)
  3. Cursuri limba engleza gratuite si lectii online (25035)
  4. Gramatica limbii engleze - Prezentare Generala (97277)
  5. Verbe neregulate din limba Engleza (7988)

Popular pages this month

  1. Gramatica limbii engleze - Prezentare Generala (3359)
  2. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (1174)
  3. Gramatica limbii spaniole. Indrumator si prezentare generala (949)
  4. Alphabet and Pronunciation - Alfabetul si pronuntia in limba engleza (804)
  5. Exercitii engleza - English Tests and exercises - Grammar (752)