SVG namespaceURI Property

Last Updated : 30 Mar, 2022

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>