HTML ID

Język znaczników hipertekstów bardziej znany jako HTML to język programowania stron internetowych, który zapewnia różne elementy i atrybuty, które pomagają w budowaniu dobrze zorganizowanej strony internetowej. Te elementy i atrybuty są elementami składowymi HTML. Jednym z takich atrybutów jest atrybut id, który jest podstawowym atrybutem HTML. Ten zapis został zaprojektowany w celu szczegółowego omówienia atrybutu HTML ID.

HTML ID

Atrybut HTML ID pozwala przypisać unikalny identyfikator do elementu HTML. Ten konkretny identyfikator można było przypisać tylko do jednego i tylko jednego elementu HTML w tym samym dokumencie. Ten atrybut oznacza konkretną deklarację stylu w arkuszu stylów, co w prostszych słowach oznacza, że ​​możesz stylizować element za pomocą atrybutu identyfikatora.

Składnia atrybutu HTML ID

Punkty do zapamiętania!

• Pamiętaj, że wartości ID są wrażliwe na wielkość liter.
• Nazwa identyfikatora musi zawierać co najmniej jeden znak.
• Nie może mieć białych przestrzeni.
• Nie może zaczynać się od liczby.
• Jeśli przypisujesz tę samą nazwę identyfikatora do więcej niż jednego elementu, HTML wykona działania powiązane z tą nazwą identyfikatora w najnowszym elemencie.

Przykład 1

W poniższym przykładzie,

element jest stylizowany za pomocą atrybutu id.

Atrybut HTML ID daje unikalny identyfikator elementu HTML. Identyfikator musi być unikalny dla każdego elementu w tym samym dokumencie HTML. Możesz stylizować atrybut HTML za pomocą atrybutu identyfikatora.

Wyjście

Powyższy przykład pokazuje użycie atrybutu identyfikatora. W powyższym przykładzie stylizujemy

element, przypisując mu unikalny id = „para1”.

Teraz, aby to stylizować

Element, definiujemy jego styl w sekcji za pomocą nazwy identyfikatora inicjującego hashtag (#).

Przykład 2

W poniższym przykładzie stylizujemy dwa elementy (i), przypisując im unikalne identyfikatory.

Wpisz swoje imię:




Składać

W powyższym przykładzie definiujemy styl i elementy w sekcji.

Wyjście

Notatka: Nie mieszaj atrybutu ID z klasą, ponieważ nazwa klasy jest używana przez różne elementy w tym samym dokumencie; Jednak nazwa identyfikatora jest unikalna i przypisana tylko do jednego elementu w dokumencie.

HTML ID i JavaScript

JavaScript wykorzystuje metodę getElementById (), aby uzyskać określony element i wykonać określone zadanie.

Przykład

Kliknij przycisk poniżej i zobacz zmianę.

Kliknij



W powyższym przykładzie używamy metody getElementById () do zmiany koloru

element, klikając przycisk. W poniższym fragmencie kodu zdefiniowaliśmy styl

element za pomocą swojego unikalnego identyfikatora, który jest #para1.

#para1
Rozmiar czcionki: 50px;
czarny kolor;
Font-Weight: Bold;
Text-Align: Center;

Następnie zastosowaliśmy metodę getElementById () do zmiany koloru

element.

dokument.getElementById („para1”).styl.color = „zielony”;

Wyjście

Przed kliknięciem przycisku.

Po kliknięciu przycisku.

Wniosek

Atrybut HTML ID zapewnia unikalny identyfikator konkretnego elementu HTML, którego można użyć do zdefiniowania stylu tego konkretnego elementu. Określoną nazwę identyfikatora można przypisać tylko do jednego elementu w tym samym dokumencie HTML. JavaScript używa również nazwy identyfikatora do wykonywania niektórych działań na danym elemencie. Ten zapis został zaprojektowany w celu szczegółowego omówienia atrybutu HTML ID za pomocą przykładów.