Бардык элементтердин бирдей касиеттерге ээ экенин…

Класс жана идентификаторлор (id) HTML атрибуттары болуп саналат, алар CSS аркылуу стилизациялоо жана JavaScript аркылуу өз ара аракеттенүү үчүн элементтерди тандоого мүмкүндүк берет:

Класс:

бир нече HTML элементтерине берилет;
биргелешкен визуалдык же жүрүм-турум өзгөчөлүктөрү бар элементтерди топтоштурууга колдонулат;
CSS селекторунда класс ноктосу (.) менен башталат, мисалы: .my-class;
JavaScriptте элементтер класс аркылуу getElementsByClassName же querySelectorAll методдору менен тандалат;

Идентификатор:

бүт HTML баракчада уникалдуу болушу керек;
бир конкреттүү элементти аныктоо үчүн колдонулат;
CSS селекторунда идентификатор # менен башталат, мисалы: #my-id;
JavaScriptте элемент ID аркылуу getElementById методу менен тандалат;

Мисал:

  <div class="card">
      <p>Картанын тексті 1</p>
  </div>
  <div class="card">
      <p>Картанын тексті 2</p>
  </div>
  <button id="myButton" class="btn">Түйме</button>

  .card { /* Бардык `card` класстагы элементтер үчүн стилизация */
      border: 1px solid grey;
      padding: 10px;
      margin-bottom: 10px;
  }

  #myButton { /* `myButton` ID-дүү элемент үчүн стилизация */
      background-color: blue;
      color: white;
  }

  .btn { /* Бардык кнопкалар үчүн жалпы стиль */
      padding: 8px 16px;
      cursor: pointer;
  }

  // Бардык `card` класстагы элементтерди алуу
  const cards = document.getElementsByClassName('card');

  // `myButton` ID-дүү элементти алуу
  const button = document.getElementById('myButton');

  // Түймө басылганда иштетүүчү иш-чараны кошуу
  if (button) {
      button.addEventListener('click', () => {
          alert('Түйме басылды!');
      });
  }

Класстар жана идентификаторлор HTML элементтеринин атрибуттары болуп саналат жана түздөн-түз markup ичинде белгиленет. Бул алардын стилизациялоо (CSS аркылуу) жана жүрүм-турумду башкаруу (JavaScript аркылуу) үчүн колдонулушун жеңилдетет. Класс колдонуу окшош элементтер үчүн жана уникалдуу ID уникалдуу элементтер үчүн — стандарттык практика болуп саналат.

Бардык элементтердин бирдей касиеттерге ээ экенин кантип аныктоого болот, мисалы класс жана идентификатор?