HTML id Attribute

Exemplo

Use o id atributo 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>

Tente você mesmo "

Mais "Tente você mesmo" exemplos abaixo.

Definição e Uso

O id atributo especifica um único id para um elemento HTML (o valor deve ser exclusivo dentro do documento HTML).

O id atributo é o mais usado para apontar para um estilo em uma folha de estilo, e pelo JavaScript (através do DOM HTML) para manipular o elemento com a específica id .

Suporte a navegadores

Atributo
id	sim	sim	sim	sim	sim

Diferenças entre HTML 4.01 e HTML5

Em HTML5, o id atributo pode ser utilizado emqualquer elemento HTML (que irá validar em qualquer elemento HTML. Contudo, não é necessariamente útil).

Em HTML 4.01, o id atributo não pode ser utilizado com: <base>, <head>, <html>, <meta>, <param>, <script>, <style> e <title> .

Nota: HTML 4.01 tem maiores restrições sobre o conteúdo do id valores (por exemplo, em HTML 4.01 id valores não podem começar com um número).

Sintaxe

<elementid="id">

Os valores dos atributos

Valor	Descrição
id	Especifica um único id para o elemento. regras de nomenclatura: Deve conter pelo menos um caractere não deve conter caracteres de espaço Em HTML, todos os valores são case-insensitive

mais Exemplos

exemplo 1

Use o id atributo para conectar-se a um elemento com um determinado id dentro de 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>

Tente você mesmo "

exemplo 2

Use o id atributo para o texto com CSS:

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

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

</body>
</html>

Tente você mesmo "