Kaip nustatyti, kad visi elementai turi vienodas…

Klasės (class) ir identifikatoriai (id) yra HTML atributai, leidžiantys pasirinkti elementus stiliui per CSS ir sąveikai per JavaScript:

Klasė:

gali būti priskirta ** keliems ** HTML elementams;
naudojama elementų grupavimui, turinčių bendras vizualines ar elgesio savybes;
CSS selektoriuje klasė prasideda tašku (.), pavyzdžiui: .my-class;
JavaScript'e elementus pagal klasę pasirenkame getElementsByClassName arba querySelectorAll metodais;

Identifikatorius:

turi būti unikalus visame HTML puslapyje;
naudojamas identifikuoti vieną konkretų elementą;
CSS selektoriuje identifikatorius prasideda ženklu (#), pavyzdžiui: #my-id;
JavaScript'e elementą pagal ID pasirenkame getElementById metodu;

Pavyzdys:

  <div class="card">
      <p>Kortelės tekstas 1</p>
  </div>
  <div class="card">
      <p>Kortelės tekstas 2</p>
  </div>
  <button id="myButton" class="btn">Mygtukas</button>

  .card { /* Stilius visiems `card` klasei priklausantiems elementams */
      border: 1px solid grey;
      padding: 10px;
      margin-bottom: 10px;
  }

  #myButton { /* Stilius tik elementui su ID `myButton` */
      background-color: blue;
      color: white;
  }

  .btn { /* Bendri stiliai visiems mygtukams */
      padding: 8px 16px;
      cursor: pointer;
  }

  // Gauti visus elementus su klase `card`
  const cards = document.getElementsByClassName('card');

  // Gauti elementą su ID `myButton`
  const button = document.getElementById('myButton');

  // Pridėti paspaudimo įvykį mygtukui
  if (button) {
      button.addEventListener('click', () => {
          alert('Mygtukas paspaustas!');
      });
  }

Klasės ir identifikatoriai yra HTML elementų atributai, kurie tiesiogiai nurodomi markup'e. Tai leidžia juos naudoti stilių (per CSS) ir elgesio valdymui (per JavaScript). Klasės naudojamos panašių elementų grupei, o unikalūs ID – atskiriems elementams, tai yra standartinė praktika.

Kaip nustatyti, kad visi elementai turi vienodas savybes, tokias kaip klasė ir identifikatorius?