Id HTML

Il linguaggio di markup ipertestuale più popolarmente noto come HTML è un linguaggio di programmazione dello sviluppo del sito Web che fornisce vari elementi e attributi che aiutano a costruire un sito Web ben strutturato. Questi elementi e attributi sono i mattoni di HTML. Uno di questi attributi è l'attributo ID, che è un attributo HTML fondamentale. Questo articolo è progettato per discutere in dettaglio l'attributo ID HTML.

Id HTML

L'attributo ID HTML consente di assegnare un identificatore univoco a un elemento HTML. Questo identificatore specifico poteva essere assegnato solo a uno e solo un elemento HTML all'interno dello stesso documento. Questo attributo indica una particolare dichiarazione di stile in un foglio di stile che in parole più semplici significa che è possibile modellare un elemento usando l'attributo ID.

Sintassi dell'attributo ID HTML

Punti da ricordare!

• Ricorda che i valori ID sono sensibili al caso.
• Il nome ID deve contenere almeno un carattere.
• Non può avere spazi bianchi.
• Non può non iniziare con un numero.
• Se si sta assegnando lo stesso nome ID a più di un elemento, HTML eseguirà azioni associate a quel nome ID sull'ultimo elemento.

Esempio 1

Nel seguente esempio,

L'elemento viene disegnato usando l'attributo ID.

L'attributo ID HTML fornisce un identificatore univoco a un elemento HTML. L'identificatore deve essere unico per ciascun elemento all'interno dello stesso documento HTML. È possibile modellare un attributo HTML usando l'attributo ID.

Produzione

L'esempio sopra dimostra l'uso dell'attributo ID. Nell'esempio sopra, stiamo stile

Elemento assegnandolo un ID univoco = "para1".

Ora per modellarlo

Elemento, stiamo definendo il suo stile nella sezione usando il nome ID che inizia con un hashtag (#).

Esempio 2

Nel seguente esempio, stiamo accontentando due elementi (e) assegnando loro identificatori univoci.

Inserisci il tuo nome:




Invia

Nell'esempio sopra, stiamo definendo lo stile degli elementi nella sezione.

Produzione

Nota: Non mescolare un attributo ID con una classe perché un nome di classe viene utilizzato da vari elementi nello stesso documento; Tuttavia, un nome ID è univoco e assegnato a un solo elemento in un documento.

HTML ID e JavaScript

JavaScript utilizza il metodo getElementById () per ottenere un elemento particolare ed eseguire un determinato compito.

Esempio

Fare clic sul pulsante in basso e vedere la modifica.

Cliccami



Nell'esempio sopra, stiamo usando il metodo getElementById () per modificare il colore del

elemento facendo clic sul pulsante. Nel seguente pezzo di codice, abbiamo definito lo stile di

Elemento che utilizza il suo ID univoco che è #para1.

#para1
Font-size: 50px;
colore nero;
Font-weight: audace;
Testo-align: centro;

Successivamente, abbiamo usato il metodo getElementById () per cambiare il colore di

elemento.

documento.getElementById ("para1").stile.color = "verde";

Produzione

Prima di fare clic sul pulsante.

Dopo aver fatto clic sul pulsante.

Conclusione

L'attributo ID HTML fornisce un identificatore univoco a un particolare elemento HTML che può essere utilizzato per definire lo stile di quel particolare elemento. Un nome ID specifico può essere assegnato a un solo elemento all'interno dello stesso documento HTML. JavaScript utilizza anche il nome ID per eseguire determinate azioni su un particolare elemento. Questo articolo è progettato per discutere in dettaglio l'attributo ID HTML con l'aiuto di esempi.