HTML ID

Hypertext Markup-språk som er mer populært kjent som HTML, er et programmeringsspråk for nettstedutvikling som gir forskjellige elementer og attributter som hjelper til med å bygge et godt strukturert nettsted. Disse elementene og attributtene er byggesteinene til HTML. En slik attributt er ID -attributtet, som er en grunnleggende HTML -attributt. Denne oppskrivningen er designet for å diskutere HTML ID-attributtet i detalj.

HTML ID

HTML ID -attributt lar deg tildele en unik identifikator til et HTML -element. Denne spesifikke identifikatoren kunne bare tilordnes ett og bare ett HTML -element i samme dokument. Denne attributtet betegner en bestemt stilerklæring i et stilark som i enklere ord betyr at du kan style et element ved hjelp av ID -attributtet.

Syntaks av HTML ID -attributt

Poeng å huske!

• Husk at ID-verdier er saksfølsomme.
• ID -navn må inneholde minst ett tegn.
• Det kan ikke ha hvite rom.
• Det kan verken starte med et tall.
• Hvis du tildeler samme ID -navn til mer enn ett element, vil HTML utføre handlinger tilknyttet det ID -navnet på det siste elementet.

Eksempel 1

I det følgende eksemplet,

Element blir stylet ved hjelp av ID -attributtet.

HTML ID -attributt gir en unik identifikator til et HTML -element. Identifikatoren må være unik for hvert element i samme HTML -dokument. Du kan style en HTML -attributt ved hjelp av ID -attributtet.

Produksjon

Eksemplet ovenfor viser bruken av ID -attributtet. I eksemplet ovenfor styles vi

element ved å tilordne det en unik ID = “para1”.

Nå for å style dette

Element, vi definerer stilen i delen ved å bruke ID -navnet som starter med en hashtag (#).

Eksempel 2

I det følgende eksemplet styler vi to elementer (og) ved å tilordne dem unike identifikatorer.

Skriv inn navnet ditt:




Sende inn

I eksemplet ovenfor definerer vi stilen til og elementene i seksjonen.

Produksjon

Merk: Ikke bland en ID -attributt med en klasse fordi et klassenavn brukes av forskjellige elementer i samme dokument; Imidlertid er et ID -navn unikt og tildelt bare ett element i et dokument.

HTML ID og JavaScript

JavaScript bruker metoden GetElementById () for å få et bestemt element og utføre en viss oppgave.

Eksempel

Klikk på knappen nedenfor og se endringen.

Klikk på meg



I eksemplet ovenfor bruker vi getElementById () -metoden for å endre fargen på

element ved å klikke på knappen. I det følgende kodestykke definerte vi stilen til

element som bruker sin unike ID som er #para1.

#para1
Font-størrelse: 50px;
farge svart;
Fontvekt: fet;
tekst-align: sentrum;

Etterpå brukte vi getElementById () -metoden for å endre fargen på

element.

dokument.getElementById ("para1").stil.farge = "grønn";

Produksjon

Før du klikker på knappen.

Etter å ha klikket på knappen.

Konklusjon

HTML ID -attributtet gir en unik identifikator til et bestemt HTML -element som kan brukes til å definere stilen til det aktuelle elementet. Et spesifikt ID -navn kan bare tilordnes ett element i samme HTML -dokument. JavaScript bruker også ID -navnet for å utføre visse handlinger på et bestemt element. Denne oppskrivningen er designet for å diskutere HTML ID-attributtet i detalj ved hjelp av eksempler.