HTML | Atributos DOM Propiedad

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

Publicación traducida automáticamente

Artículo escrito por Abhishek7 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *