HTML id Attribute

Przykład

Użyj id atrybut manipulować tekst z 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>

Spróbuj sam "

Więcej "Try it yourself" przykłady poniżej.

Definicja i Wykorzystanie

id atrybut określa unikalny id dla elementu HTML (wartość musi być unikalna w obrębie dokumentu HTML).

id atrybut jest najczęściej używany do punktu do stylu w arkuszu stylów, a przez JavaScript (poprzez DOM HTML) do manipulowania element o konkretnym id .

Pomoc Browser

Atrybut
id	tak	tak	tak	tak	tak

Różnice między HTML 4.01 i HTML5

W HTML5, id atrybutu można stosować wdowolnych elementów (to potwierdzić na elemencie HTML. Jednakże nie zawsze jest użyteczny).

W HTML 4.01, The id atrybut nie może być stosowany z: <base>, <head>, <html>, <meta>, <param>, <script>, <style> i <title> .

Uwaga: HTML 4.01 ma większe ograniczenia dotyczące zawartości id wartości (na przykład: w HTML 4.01 id wartości nie może zaczynać się od numeru).

Składnia

<elementid="id">

wartości atrybutów

Wartość	Opis
id	Określa unikatowy id dla elementu. Reguły nazewnictwa: Musi zawierać co najmniej jeden znak nie może zawierać żadnych spacji W HTML, wszystkie wartości są wielkości liter

Więcej przykładów

Przykład 1

Użyj id atrybut odwołuje się do elementu o podanym id w obrębie strony:

<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>

Spróbuj sam "

Przykład 2

Użyj id atrybutu stylu tekstu z CSS:

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

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

</body>
</html>

Spróbuj sam "