HTML id egenskap

Definition och användning

id Attributet definierar det unika id för HTML-elementet. (Värdet måste vara unikt i HTML-dokumentet).

id Attribut används mest för att peka på stilar i stilarken samt för att använda JavaScript (via HTML DOM) för att manipulera element med specifikt id.

id Attribut kan också användas som länkankare (link anchor).

Se också:

HTML tutorial:HTML id

HTML tutorial:HTML egenskaper

CSS tutorial:CSS syntax

CSS referenshandbok:CSS #id Väljare

HTML DOM referenshandbok:HTML DOM getElementById() metod

HTML DOM referenshandbok:HTML DOM id-attribut

HTML DOM referenshandbok:HTML DOM Style objekt

Exempel

Exempel 1

Använd id-attribut för att ändra en text med JavaScript:

<html>
<body>
<h1 id="myHeader">Hej Världen!</h1>
<button onclick="displayResult()">Ändra text</button>
<script>
function displayResult() {
  document.getElementById("myHeader").innerHTML = "Ha en bra dag!";
}
</script>
</body>
</html>

Prova själv

Mer exempel finns längre ner på sidan.

Syntaks

<element id="id">

Attributvärde

Värde Beskrivning
id

Ange ett unikt id för elementet. Namnregler:

  • Måste innehålla minst en tecken
  • Kan inte innehålla några blanktecken

Mer exempel

Exempel 2

Använd id-attribut för att länka till element med specifikt id i sidin:

<html>
<body>
<h2><a id="top">Vissa titel</a></h2>
<p>Mycket mycket text ....</p>
<p>Mycket mycket text ....</p>
<p>Mycket mycket text ....</p>
<a href="#top">Tillbaka till toppen</a>
</body>
</html>

Prova själv

Exempel 3

Använd id-egenskapen för att styla text med CSS:

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

Prova själv

Webbläsarstöd

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stöd Stöd Stöd Stöd Stöd