Método getAttributeNode() del Elemento DOM HTML
- Página anterior getAttribute()
- Página siguiente getBoundingClientRect()
- Volver a la capa superior Objeto Elements del DOM HTML
Definición y uso
getAttribute()
El método devuelve el valor del atributo con nombre especificado como objeto Attr.
Solución alternativa:
Uso Método getAttribute() Será más fácil.
Por favor, consulte también:
Tutoriales:
Manual de Referencia:
Conocimiento: Diferencia entre getAttribute() y getAttributeNode()
getAttribute()
El método devuelve el valor del atributo.
getAttributeNode()
devuelve Método de objeto Attrdebe usar Atributo de valor Attr Para obtener este valor.
Los resultados son los mismos.
Ejemplo
Ejemplo 1
Obtener el valor del nodo de atributo class del elemento <h1>:
const element = document.getElementsByTagName("H1")[0]; let text = element.getAttributeNode("class").value;
Ejemplo 2
Obtener el valor del nodo de atributo target del elemento <a>:
var elmnt = document.getElementById("myAnchor"); var attr = elmnt.getAttributeNode("target").value;
Ejemplo 3
Obtener el valor del nodo de atributo onclick del elemento <button>:
var elmnt = document.getElementById("myBtn"); var attr = elmnt.getAttributeNode("onclick").value;
Sintaxis
element.getAttributeNode(name)
Parámetros
Parámetros | Descripción |
---|---|
name | Obligatorio. El nombre del atributo. |
Valor de retorno
Tipo | Descripción |
---|---|
Objeto | Objeto Attr del nodo de atributo. |
null | Si el atributo no existe. |
Descripción
getAttributeNode()
El método devuelve un nodo Attr que representa el valor del atributo especificado. Nota, también se puede obtener este nodo Attr a través de la propiedad attributes heredada del interfaz Node.
Compatibilidad del navegador
element.getAttributeNode()
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 |
- Página anterior getAttribute()
- Página siguiente getBoundingClientRect()
- Volver a la capa superior Objeto Elements del DOM HTML