Open In App

SVG RectElement.height Property

Improve
Improve
Like Article
Like
Save
Share
Report

The SVG RectElement.height property returns an SVGAnimatedLength with respect to the rect element of SVG element of the HTML web page.

Syntax:

RectElement.height

Return Values: This property returns SVGAnimatedLength object that can be used to get the “height” of the rect element

Example 1: 

HTML




<!DOCTYPE html>
<html>
  
<body>
    <svg width="350" height="350" 
        xmlns="http://www.w3.org/2000/svg">
          
        <rect width="100" height='100' 
            fill="green" id="gfg" x=20 y=40 />
              
        <script>
            var g = document.getElementById("gfg");
            console.log(g.height)
        </script>
    </svg>
</body>
  
</html>


Output:

Example 2: 

HTML




<!DOCTYPE html>
<html>
  
<body>
    <svg width="350" height="350" 
        xmlns="http://www.w3.org/2000/svg">
          
        <rect width="100" height='190' 
            fill="green" id="gfg" x=20 y=40 />
              
        <script>
            var g = document.getElementById("gfg");
            console.log(g.height)
        </script>
    </svg>
</body>
  
</html>


Output:



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