Bütün elementlərin sinif və identifikator kimi eyni xüsusiyyətlərə malik olduğunu necə müəyyən etmək olar?

Siniflər (class) və identifikatorlar (id) HTML atributlarıdır və elementləri CSS ilə tərtib etmək və JavaScript ilə qarşılıqlı əlaqə qurmaq üçün seçməyə imkan verir.

Sinif:

• Bir neçə HTML elementinə təyin oluna bilər.
• Ümumi vizual və ya davranış xüsusiyyətlərinə malik elementləri qruplaşdırmaq üçün istifadə olunur.
• CSS-də sinif seçicisi nöqtə (.) ilə başlayır, məsələn: .mənim-sinifim.
• JavaScript-də, sinifə görə elementlər getElementsByClassName və ya querySelectorAll metodları ilə seçilir.

İdentifikator:

• Bütün HTML səhifəsində unikal olmalıdır.
• Müəyyən bir elementi tanımlamaq üçün istifadə olunur.
• CSS-də identifikator seçicisi hasar (#) ilə başlayır, məsələn: #mənim-id.
• JavaScript-də, ID-ə görə element getElementById metodu ilə seçilir.

Nümunə:

  <div class="karta">
      <p>Karta mətn 1</p>
  </div>
  <div class="karta">
      <p>Karta mətn 2</p>
  </div>
  <button id="mənimDüymə" class="btn">Düymə</button>

  .karta { /* Bütün "karta" sinfinə aid elementləri stilizə edir */
      border: 1px solid grey;
      padding: 10px;
      margin-bottom: 10px;
  }

  #mənimDüymə { /* Yalnız ID "mənimDüymə" olan elementi stilizə edir */
      background-color: blue;
      color: white;
  }

  .btn { /* Bütün düymələr üçün ümumi stillər */
      padding: 8px 16px;
      cursor: pointer;
  }

  // "karta" sinfinə aid bütün elementləri əldə et
  const kartlar = document.getElementsByClassName('karta');

  // "mənimDüymə" ID-li elementi əldə et
  const düymə = document.getElementById('mənimDüymə');

  // Düyməyə klik hadisəsi əlavə et
  if (düymə) {
      düymə.addEventListener('click', () => {
          alert('Düymə basıldı!');
      });
  }

Həm siniflər, həm də identifikatorlar HTML elementlərinin atributlarıdır və birbaşa markupda təyin edilir. Bu, onları CSS ilə tərtib etmək və JavaScript ilə davranışı idarə etmək üçün istifadə etməyə imkan verir. Oxşar elementlər üçün siniflər və fərdi elementlər üçün unikal ID-lər istifadə etmək standart bir praktikadır.