HTML id egenskab

Definition og brug

id Egenskaben definerer det unikke id for et HTML-element. (Værdien skal være unik i HTML-dokumentet).

id Egenskaben bruges ofte til at pege på stilarter i stilarkene samt til at operere med elementer med en bestemt id ved hjælp af JavaScript (via HTML DOM).

id Egenskaben kan også bruges som et link-anker (link anchor).

Se også:

HTML tutorial:HTML id

HTML tutorial:HTML egenskaber

CSS tutorial:CSS syntaks

CSS referencehåndbog:CSS #id Vælger

HTML DOM referencehåndbog:HTML DOM getElementById() metode

HTML DOM referencehåndbog:HTML DOM id-attribut

HTML DOM referencehåndbog:HTML DOM Style objekt

Eksempel

Eksempel 1

Brug id-attribut til at ændre en tekst med JavaScript:

<html>
<body>
<h1 id="myHeader">Hello World!</h1>
<button onclick="displayResult()">Ændr tekst</button>
<script>
function displayResult() {
  document.getElementById("myHeader").innerHTML = "Have a nice day!";
}
</script>
</body>
</html>

Prøv det selv

Flere eksempler findes nedenfor på siden.

Syntaks

<element id="id">

Attributværdi

Værdi Beskrivelse
id

Tildel et unikt id til elementet. Navngivningsregler:

  • Må indeholde mindst én karakter
  • Kan ikke indeholde nogen mellemrumstegn

Flere eksempler

Eksempel 2

Brug id-attribut til at linke til elementer med en specifik id i siden:

<html>
<body>
<h2><a id="top">En bestemt titel</a></h2>
<p>Mange mange tekster ....</p>
<p>Mange mange tekster ....</p>
<p>Mange mange tekster ....</p>
<a href="#top">Tilbage til toppen</a>
</body>
</html>

Prøv det selv

Eksempel 3

Brug id-egenskaben til at style tekst med CSS:

<html>
<head>
<style>
#myHeader {
  color: red;
  text-align: center;
}
</style>
</head>
<body>
<h1 id="myHeader">CodeW3C.com er fantastisk!</h1>
</body>
</html>

Prøv det selv

Browser support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support