HTML id Attribute

Ejemplo

Utilice el id de atributo para manipular texto con 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>

Inténtalo tú mismo "

Más "hacerlo por uno mismo" ejemplos a continuación.

Definición y Uso

La id atributo especifica un único id de un elemento HTML (el valor debe ser único dentro del documento HTML).

La id atributo es más usado para apuntar a un estilo en una hoja de estilo, y por JavaScript (a través del DOM HTML) para manipular el elemento con el específico id .

Soporte para el navegador

Atributo
id	Sí	Sí	Sí	Sí	Sí

Diferencias entre HTML 4.01 y HTML5

En HTML5, la id atributo se puede utilizar encualquier elemento HTML (se valida en cualquier elemento HTML. Sin embargo, no es necesariamente útil).

En HTML 4.01, la id atributo no se puede utilizar con: <base>, <head>, <html>, <meta>, <param>, <script>, <style> y <title> .

Nota: HTML 4.01 tiene mayores restricciones sobre el contenido de id valores (por ejemplo, en HTML 4.01 id valores no pueden comenzar con un número).

Sintaxis

<elementid="id">

Los valores de atributo

Valor	Descripción
id	Especifica un único id para el elemento. Las reglas de nomenclatura: Debe contener al menos un carácter No debe contener ningún carácter de espacio En HTML, todos los valores son sensibles a mayúsculas

Más ejemplos

Ejemplo 1

Utilice el id de atributo para vincular a un elemento con un determinado id dentro de una 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>

Inténtalo tú mismo "

Ejemplo 2

Utilice la id atributo al texto del estilo con CSS:

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

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

</body>
</html>

Inténtalo tú mismo "