Open In App

SVG Element.attributes Property

Improve
Improve
Like Article
Like
Save
Share
Report

The SVG Element.attributes property returns an object that contains all the attributes of the given element.

Syntax:

var attr = element.attributes

Return value: This property returns an object that contains all the attributes of the element.

Example 1: 

HTML




<!DOCTYPE html> 
<html
  
<body
    <svg width="350" height="350" 
        xmlns="http://www.w3.org/2000/svg">
        <a href="https://www.geeksforgeeks.org" id="gfg">
           <text x='100' y='100'>GfG</text>
        </a>
        <script>
           var g = document.getElementById('gfg');
           console.log(g.attributes)
        </script>
    </svg>
</body
  
</html>


Output:

Example 2: 

HTML




<!DOCTYPE html> 
<html
  
<body
    <svg width="350" height="350" 
         xmlns="http://www.w3.org/2000/svg">
        <a href="https://www.geeksforgeeks.org" id="gfg">
            <circle cx='100' cy='100' r="80"></circle>
        </a>
        <script>
            var g = document.getElementById('gfg');
            console.log(g.attributes)
        </script>
    </svg>
</body
  
</html>


Output:



Last Updated : 30 Mar, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads