El método getAttributeNode() en HTML DOM se usa para devolver el Node de atributo con el nombre especificado de un elemento, como un objeto de atributo. Esta función es similar al método getAttribute() pero la única diferencia es que el método getAttribute() devuelve el valor de un Node de atributo, no cualquier objeto de atributo.
Sintaxis:
element.getAttributeNode( attribute_name )
Parámetros: este método acepta un único parámetro nombre_atributo, que es obligatorio. Este parámetro se utiliza para contener el nombre del atributo.
Valor devuelto: este método devuelve un objeto de atributo que representa el Node de atributo.
Ejemplo: este ejemplo contiene dos elementos de encabezado y la tarea es mostrar el valor del Node de atributo del segundo elemento de encabezado.
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM getAttributeNode() Method
</title>
<!--script to display the value of
class attribute -->
<script>
function Geeks() {
var element_name =
document.getElementsByTagName("H2")[0];
var attribute =
element_name.getAttributeNode("class").value;
document.getElementById("result").innerHTML
= attribute;
}
</script>
</head>
<body>
<h1 class = "Frst_heading">
GeeksforGeeks
</h1>
<h2 class = "Second_heading">
DOM getAttributeNode() Method
</h2>
<p>
Click on the button to display
the value of attribute node
</p>
<button onclick = "Geeks()">
Click Here!
</button>
<p id = "result"></p>
</body>
</html>
Salida:
Antes de hacer clic en el botón: 
Después de hacer clic en el botón:
Navegadores compatibles: los navegadores compatibles con el método DOM getAttributeNode() se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por ProgrammerAnvesh y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA