HTML id Attribute

Exemplu

Utilizați id atribut pentru a manipula text cu JavaScript:

<html>
<body>

<h1 id="myHeader">Hello World!</h1>
<button onclick="displayResult()">Change text</button>

<script>
function displayResult() {
document.getElementById("myHeader").innerHTML = "Have a nice day!";
}
</script>

</body>
</html>

Încearcă - l singur »

Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.

Definiție și utilizare

id atribut specifica un unic id pentru un element HTML (valoarea trebuie să fie unic în cadrul documentului HTML).

id atribut este cel mai utilizat pentru a indica un stil într - o foaie de stil, și de JavaScript (via the HTML DOM) pentru a manipula elementul cu specific id - id .

Suport pentru browser-

Atribut
id	da	da	da	da	da

Diferențe între HTML 4.01 și HTML5

În HTML5, id atribut poate fi folosit pe any element HTML (va valida pe orice element HTML. Cu toate acestea, nu este neapărat util).

In HTML 4.01, The id atribut nu poate fi utilizat cu: <base>, <head>, <html>, <meta>, <param>, <script>, <style> și <title> .

Note: HTML 4.01 are restricții mai mari cu privire la conținutul de id valori (for example; in HTML 4.01 id values cannot start with a number) .

Sintaxă

< Valorile atributelor

Valoare	Descriere
id	Specifică un unic id pentru elementul. Naming reguli: Trebuie să conțină cel puțin un caracter nu trebuie să conțină niciun caracter spațiu In HTML, toate valorile sunt sensibile la majuscule

Mai multe exemple

Exemplul 1

Utilizați id atribut pentru a lega la un element cu un anumit id într - o pagină:

<html>
<body>

<h2><a id="top">Some heading</a></h2>

<p>Lots of text....</p>
<p>Lots of text....</p>
<p>Lots of text....</p>

<a href="#top">Go to top</a>

</body>
</html>

Încearcă - l singur »

Exemplul 2

Utilizați id atributul de text cu stil CSS:

<html>
<head>
<style>
#myHeader {
color: red;
text-align: center;
}
</style>
</head>
<body>

<h1 id="myHeader">w3ii is the best!</h1>

</body>
</html>

Încearcă - l singur »