ID de HTML
ID de HTML
El atributo de identificación HTML le permite asignar un identificador único a un elemento HTML. Este identificador específico solo podría asignarse a un elemento HTML solo dentro del mismo documento. Este atributo denota una declaración de estilo particular en una hoja de estilo que en palabras más simples significa que puede diseñar un elemento utilizando el atributo de identificación.
Sintaxis del atributo de identificación HTML
Puntos para recordar!
- Recuerde que los valores de identificación son sensibles a los casos.
- El nombre de ID debe contener al menos un personaje.
- No puede tener espacios blancos.
- Tampoco puede comenzar con un número.
- Si está asignando el mismo nombre de ID a más de un elemento, HTML realizará acciones asociadas con ese nombre de ID en el último elemento.
Ejemplo 1
En el siguiente ejemplo,
El elemento se está diseñando utilizando el atributo de identificación.
El atributo de identificación HTML ofrece un identificador único a un elemento HTML. El identificador debe ser único para cada elemento dentro del mismo documento HTML. Puede diseñar un atributo HTML utilizando el atributo de identificación.
Producción
El ejemplo anterior demuestra el uso del atributo de identificación. En el ejemplo anterior, estamos diseñando
Elemento asignándolo una id = "para1".
Ahora para peinar esto
Elemento, estamos definiendo su estilo en la sección utilizando el nombre de identificación que se inicia con un hashtag (#).
Ejemplo 2
En el siguiente ejemplo, estamos diseñando dos elementos (y) asignándoles identificadores únicos.
Introduzca su nombre:
En el ejemplo anterior, estamos definiendo el estilo de los elementos y los elementos en la sección.
Producción
Nota: No mezcle un atributo de identificación con una clase porque varios elementos usan un nombre de clase en el mismo documento; Sin embargo, un nombre de ID es único y asignado a un solo elemento en un documento.
HTML ID y JavaScript
JavaScript utiliza el método getElementById () para obtener un elemento particular y realizar una determinada tarea.
Ejemplo
Haga clic en el botón de abajo y vea el cambio.
En el ejemplo anterior, estamos utilizando el método getElementById () para cambiar el color del
elemento haciendo clic en el botón. En el siguiente código, definimos el estilo de
elemento usando su identificación única que es #para1.
#para1tamaño de fuente: 50px;
de color negro;
Font-Weight: Bold;
Text-Align: Center;
Posteriormente, utilizamos el método getElementById () para cambiar el color de
elemento.
documento.getElementById ("para1").estilo.color = "verde";Producción
Antes de hacer clic en el botón.
Después de hacer clic en el botón.
Conclusión
El atributo de identificación HTML proporciona un identificador único a un elemento HTML particular que puede usarse para definir el estilo de ese elemento particular. Se puede asignar un nombre de identificación específico a un solo elemento dentro del mismo documento HTML. JavaScript también usa el nombre de ID para realizar ciertas acciones en un elemento particular. Este artículo está diseñado para discutir el atributo de identificación HTML en detalle con la ayuda de ejemplos.