Atributo de código HTML
Exemplo
Use o atributo id para manipular texto com 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>
Mais exemplos de "Experimente você mesmo" abaixo.
Definição e uso
O idatributo especifica um id exclusivo para um elemento HTML (o valor deve ser exclusivo no documento HTML).
O idatributo é mais usado para apontar para um estilo em uma folha de estilos, e por JavaScript (através do HTML DOM) para manipular o elemento com o id específico.
Suporte ao navegador
| Attribute | |||||
|---|---|---|---|---|---|
| id | Yes | Yes | Yes | Yes | Yes |
Sintaxe
<element id="id">
Valores de atributo
| Value | Description |
|---|---|
| id | Specifies a unique id for the element.
Naming rules:
|
Mais exemplos
Exemplo 1
Use o atributo id para vincular a um elemento com um id especificado em uma página:
<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>
Exemplo 2
Use o atributo id para estilizar o texto com CSS:
<html>
<head>
<style>
#myHeader {
color: red;
text-align: center;
}
</style>
</head>
<body>
<h1 id="myHeader">W3Schools is the best!</h1>
</body>
</html>
Páginas relacionadas
Tutorial HTML: código HTML
Tutorial HTML: Atributos HTML
Tutorial CSS: Sintaxe CSS
Referência CSS: seletor CSS #id
Referência HTML DOM: Método HTML DOM getElementById()
Referência HTML DOM: propriedade de código HTML DOM
Referência HTML DOM: Objeto de estilo HTML DOM