La propiedad de atributos en HTML DOM devuelve el grupo de atributos de Node especificado por objetos NamedNodeMap. El objeto NamedNodeMap representa la colección de objetos de atributo y se puede acceder a él por número de índice. El número de índice comienza en 0.
Sintaxis:
node.attributes
Valor devuelto: Devuelve el objeto NamedNodeMap que es la colección de Nodes.
Nota: en Internet Explorer 8 y versiones anteriores, la propiedad de atributos devolverá una colección de todos los atributos posibles para un elemento que puede resultar en un valor más alto de lo esperado.
Ejemplo 1:
<!DOCTYPE html> <html> <head> <title> HTML DOM attributes Property </title> </head> <body> <!-- Setting up an image --> <img id = "GFG" src = "https://media.geeksforgeeks.org/wp-content/uploads/geeksforgeeks-logo.png" > <br> <button onclick = "myGeeks()"> DOM attributes property </button> <p id = "demo"></p> <script> function myGeeks() { // It returns the number of nodes var x = document.getElementById("GFG").attributes.length; // Display the number of nodes document.getElementById("demo").innerHTML = x; } </script> </body> </html>
Producción:
Ejemplo 2:
<!DOCTYPE html> <html> <head> <title> HTML DOM attributes Property </title> </head> <body> <h2> HTML DOM attributes Property </h2> <button id="GFG" onclick="myGeeks()"> Click Here! </button> <br> <br> <span> Button element attributes: </span> <span id="sudo"></span> <script> function myGeeks() { // It returns the number of nodes var gfg = document.getElementById("GFG").attributes.length; // Display the number of nodes document.getElementById("sudo").innerHTML = gfg; } </script> </body> </html>
Producción:
Navegadores compatibles Los navegadores compatibles con la propiedad de atributos DOM se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- Ópera
- safari de manzana