Este tutorial explicará el proceso para obtener el elemento HTML por atributo usando JavaScript.
¿Cómo obtener elemento por atributo en JavaScript?
Para obtener un elemento por atributo, el “selector de consulta()Se utiliza el método ”. Devuelve el primer elemento del documento que coincide con el atributo particular. Este método selecciona una etiqueta particular con un valor de atributo específico. Los parámetros que deben pasarse son los “ID de etiqueta”, “clase“, y así.
Sintaxis
Use la sintaxis mencionada a continuación para obtener el elemento por atributo:
documento.selector de consulta(“[myAttribute=value]”);
En la sintaxis anterior, pase el atributo con su valor asignado como parámetro.
Ejemplo
En el archivo HTML, primero, cree un “división” elemento usando la etiqueta
<identificación div=“dividir”>Haga clic para obtener el elemento<hermano><hermano>
<botón al hacer clic=“obtenerElemento()”>Hacer clicbotón>
división>
Para diseñar el div, usaremos las siguientes líneas de código:
#divId {
relleno: 10 píxeles;
altura: 100px;
ancho: 200px;
margen: auto;
antecedentes–color: rosado;
}
La salida correspondiente será la siguiente:
En el archivo JavaScript, defina una función “obtenerElemento()” que se activará mientras se hace clic en el botón. Llama a “selector de consulta()“método y pasar el atributo”identificación” y su valor “dividir” como argumento y almacenar el elemento resultante en una variable “elemento”:
función obtenerElemento(){
variable elemento = documento.selector de consultas(‘[id=”divId”]’);
alerta(elemento);
}
El resultado dado muestra que el atributo “dividir” pertenece a un elemento “división”:
Si desea ver todos los elementos dentro del elemento específico, en lugar de llamar al método alert(), use el “consola.log()” método que mostrará el elemento, incluidos sus elementos secundarios.
función obtenerElemento(){
variable elemento = documento.selector de consultas(‘[id=”divId”]’);
consola.Iniciar sesión(elemento);
}
Producción
El GIF anterior muestra el HTML “división” elemento que tiene un atributo con el valor “dividir”, con sus elementos secundarios en la consola haciendo clic en el botón.
Conclusión
Para obtener un elemento por atributo, use el JavaScript predefinido “selector de consulta()” método. Se utiliza para seleccionar una etiqueta en particular con un valor de atributo específico. Este tutorial explica el proceso para obtener el elemento HTML por atributo usando JavaScript.