Curs Javascript

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 afiseaza textul oblic?
<strong> <pre> <em>
<p>Cursuri, Jocuri, Anime: <em>www.MarPlo.net</em></p>
Care proprietate CSS defineste spatiul dintre continutul elementului si bordura lui?
margin padding position
h3 {
  padding: 2px 0.2em;
}
Clic pe metoda ce returneaza primul element indicat de selectorii specificati.
getElementsByName() querySelector() querySelectorAll()
// preia primul Div cu class="cls", si afiseaza continutul
var elm = document.querySelector("div.cls");
alert(elm.innerHTML);
Indicati variabila PHP ce contine datele din formular trimise cu method="post".
$_SESSION $_GET $_POST
if(isset($_POST["field"])) {
  echo $_POST["field"];
}
Indicati pronumele corespunzator celui din paranteza in propozitia: "(Noi) speak english".
I They We
We speak english.
- Noi vorbim engleza.
Indicati pronumele corespunzator celui din paranteza in propozitia: "(Noi) hablamos español".
Ellos Vosotros Nosotros
Nosotros hablamos español.
- Noi vorbim spaniola.
classList - Lucru cu clase css

Last accessed pages

  1. Prezentul simplu si continuu - Present Tense Simple and Continuous (74329)
  2. Curs si Tutoriale JavaScript (54129)
  3. Verbele regulate 3 (3163)
  4. Jargon hispanic: Jerga - Slang - Argot - Modismo (1079)
  5. Prezentul simplu - Exercitii si teste incepatori (29385)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (2756)
  2. Curs HTML gratuit Tutoriale HTML5 (1864)
  3. Curs si Tutoriale JavaScript (1758)
  4. Curs PHP MySQL, Tutoriale si Scripturi PHP (1705)
  5. Curs CSS Online Tutoriale CSS3 (1594)