Skip to content
Related Articles

Related Articles

Improve Article

HTML | DOM embed height property

  • Last Updated : 31 Oct, 2019

The embed height property in HTML DOM is used to set or return the value of the height attribute. The height attribute defines the height of the embedded content in terms of pixels.

Syntax:

  • Return the height property:
    embedObj.height
  • Set the height property:
    embedObj.height = pixels

Property Values:

  • px: Specify the height in pixels of the embedded content.

Return value: It returns a number to show the height of embedded content.



Example:




<!DOCTYPE html>
<html>
  
<head>
    <title>
        HTML DOM Embed height Property
    </title>
</head>
  
<body>
    <center>
        <h1 style="color:green"
            GeeksforGeeks 
        </h1>
  
        <embed id="embedID" height="400"
            src="https://ide.geeksforgeeks.org">
        <br>
          
        <button onclick="GFGfun()">
            Try it
        </button>
  
        <p id="pid"></p>
  
        <script>
            function GFGfun() {
                var idheight = 
                document.getElementById("embedID").height;
                  
                document.getElementById("pid").innerHTML
                        = idheight;
            }
        </script>
    </center>
</body>
  
</html>

Output:
Before click on button:

After click on button:

Example:




<!DOCTYPE html>
<html>
  
<head>
    <title>
        HTML DOM Embed height Property
    </title>
</head>
  
<body>
    <center>
        <h1 style="color:green"
            GeeksforGeeks 
        </h1>
  
        <embed id="embedID"
            src="https://ide.geeksforgeeks.org">
        <br>
  
        <button onclick="GFGfun()">
            Try it
        </button>
  
        <p id="pid"></p>
  
        <script>
            function GFGfun() {
                var idheight = 
                document.getElementById("embedID").height
                        = 400;
                  
                document.getElementById("pid").innerHTML
                        = idheight;
            }
        </script>
    </center>
</body>
  
</html>

Output:

  • Before clicking the button:
  • After clicking the button:

Supported Browsers: The browsers supported by DOM embed height property are listed below:

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Apple Safari
  • Opera

Attention reader! Don’t stop learning now. Get hold of all the important Comcompetitivepetitve Programming concepts with the Web Design for Beginners | HTML  course.




My Personal Notes arrow_drop_up
Recommended Articles
Page :