Método getAttribute() del elemento DOM HTML

Definición y uso

getAttribute() El método devuelve el valor de la propiedad del elemento.

Por favor, consulte:

Método setAttribute()

Método removeAttribute()

Método hasAttribute()

Método hasAttributes()

Método createAttribute()

Método getAttributeNode()

Método setAttributeNode()

Método removeAttributeNode()

Tutoriales:

Atributos HTML

Ejemplo

Ejemplo 1

Obtener el valor del atributo class del elemento:

let text = element.getAttribute("class");

Intente usted mismo

Ejemplo 2

Obtener el valor del atributo target del elemento <a>:

let text = myAnchor.getAttribute("target");

Intente usted mismo

Ejemplo 3

Obtener el valor del atributo onclick del elemento <button>:

let text = myButton.getAttribute("onclick");

Intente usted mismo

Sintaxis

element.getAttribute(name)

Parámetros

Parámetros Descripción
name Obligatorio. El nombre del atributo.

Valor devuelto

Tipo Descripción
Cadena El valor del atributo.
null Si el atributo no existe.

Detalles técnicos

El objeto HTMLElement define las propiedades JavaScript correspondientes a cada atributo HTML estándar, por lo tanto, solo se necesita usar este método junto con el documento HTML cuando se consultan valores de atributos no estándar.

En los documentos XML, los valores de los atributos no pueden usarse directamente como atributos de elemento, deben ser consultados mediante la invocación de métodos. Para documentos XML con espacios de nombres, se debe usar Método getAttributeNS().

Compatibilidad del navegador

element.getAttribute Es una característica de DOM Level 1 (1998).

Todos los navegadores lo soportan completamente:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Soporte 9-11 Soporte Soporte Soporte Soporte