Open In App

SVG namespaceURI Property

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Share
Report issue
Report

The SVG namespaceURI property returns namespaceURI of the given Attribute element.

Syntax:

namespace = attribute.namespaceURI

Return value: This property returns the namespaceURI of the Attr.

Example 1:

HTML




<!DOCTYPE html>
<html>
  
<body>
    <svg viewBox="0 0 100 100" 
        xmlns="http://www.w3.org/2000/svg">
          
        <!-- A link around a text -->
        <text id="gfg" y="20" x="20"
            Example
        </text>
          
        <script>
            const element = 
                document.querySelector("#gfg");
                  
            console.log(element.namespaceURI);
        </script>
    </svg>
</body>
  
</html>


Output:


Example 2:

HTML




<!DOCTYPE html>
<html>
  
<body>
    <svg viewBox="0 0 100 100" 
        xmlns="http://www.w3.org/2000/svg">
          
        <!-- A link around a shape -->
        <circle id="gfg" cy="20" cx="20" r="15"
            Example
        </circle>
          
        <script>
            const element = document.querySelector("#gfg");
            console.log(element.namespaceURI);
        </script>
    </svg>
</body>
  
</html>


Output:


Reference: https://developer.mozilla.org/en-US/docs/Web/API/Attr/namespaceURI



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