Skip to content
Related Articles

Related Articles

HTML | DOM IFrame name Property
  • Last Updated : 25 Jul, 2019

The HTML DOM IFrame name property is used to set or return a value of the name attribute of the Iframe element. The name attribute is used as a reference of the element in JavaScript.

Syntax:

  • It return the name property.
    iframeObject.name
  • It is used to set the name property.
    iframeObject.name = name

Property Values:

  • name: It is used to specify the name of the Iframe Element.

Return Value: It returns a string value which specify the name of the Iframe element.

Example1: This example illustrates how to return the Iframe name property.






<!DOCTYPE html> 
<html
  
<head
    <title
        HTML DOM iframe name property 
    </title
</head
  
<body style="text-align:center;"
      
    <h1>GeeksforGeeks</h1
      
    <h2>HTML DOM iframe name Property</h2
      
        id="GFG" height="200" width="400" name="myGeeks">
    </iframe
      
    <br><br>
      
    <button onclick="Geeks()">Submit</button>
      
    <p id="sudo" style="font-size:20px"></p>         
      
    <script>
        function Geeks() {
            var doc_id = document.getElementById("GFG").name;
            document.getElementById("sudo").innerHTML = doc_id;
        }
    </script>
</body
  
</html>

Output:
Before Clicking on Button:

After Clicking on Button:

Example 2: This example illustrates how to set the Iframe name property.




<!DOCTYPE html> 
<html
  
<head
    <title
        HTML DOM iframe name property 
    </title
</head
  
<body style="text-align:center;"
      
    <h1>GeeksforGeeks</h1
      
    <h2>HTML DOM iframe name Property</h2
      
        id="GFG" height="200" width="400" name="myGeeks">
    </iframe
      
    <br><br>
      
    <button onclick="Geeks()">Submit</button>
      
    <p id="sudo" style="font-size:20px"></p>         
      
    <script>
        function Geeks() {
            var doc_id = document.getElementById("GFG").name
                        = "sudo";
            document.getElementById("sudo").innerHTML = 
                        "The value of the name attribute was"
                        + " changed to " + doc_id;
        }
    </script>
</body
  
</html>

Output:
Before Clicking on Button:

After Clicking on Button:

Supported Browsers: The browsers supported by HTML DOM IFrame name property are listed below:

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Safari
  • Opera
My Personal Notes arrow_drop_up
Recommended Articles
Page :