HTML DOM Iframe align属性用法及代码示例

HTML iframe align 属性用于设置或返回 <iframe> 元素的 align 属性的值。

注意:HTML5 不支持此属性。

用法：

它返回对齐的属性。

iframeobject.align;

它设置对齐的属性。

Iframeobject.align="left|right|middle|top|bottom"

属性值：

left:它将框架设置为左对齐。
right：它将框架设置为右对齐。
middle:它将框架设置为中间。
top:它将框架设置为顶部对齐。
bottom:它将框架设置为底部对齐。

返回值：它返回一个字符串值，表示 Iframe 元素的对齐方式。

示例 1：以下示例说明了如何返回 Iframe 对齐属性。

HTML


<!DOCTYPE html>
<html>
  
<body style="text-align:center;">
  
    <h1>GeeksforGeeks</h1>
  
    <h2>
        HTML DOM iframe align Property
    </h2>
  
    <iframe src="https://ide.geeksforgeeks.org/index.php" 
        id="iframeID" align="middle" 
        height="200" width="400">
    </iframe><br>
  
    <button onclick="click1()">Submit</button>
    <p id="paraID"></p>
  
      
    <script>
        function click1() {
            var x = document.getElementById("iframeID").align;
            document.getElementById("paraID").innerHTML = x;
        }
    </script>
</body>
  
</html>

输出：

范例2：下面的示例将 iframe 对齐属性设置为右。

HTML


<!DOCTYPE html>
<html>
  
<body style="text-align:center;">
  
    <h1>GeeksforGeeks</h1>
  
    <h2>
        HTML DOM iframe align Property
    </h2>
  
    <iframe src="https://ide.geeksforgeeks.org/index.php"
        id="iframeID" align="middle" 
        height="200" width="400">
    </iframe><br>
  
    <button onclick="click1()">Submit</button>
    <p id="paraID"></p>
  
  
    <script>
        function click1() {
            var x = document.getElementById(
                    "iframeID").align = "right";
                      
            document.getElementById("paraID").innerHTML = x;
        }
    </script>
</body>
  
</html>

输出：

支持的浏览器列表：

谷歌浏览器
苹果Safari
Firefox
Opera
IE浏览器

相关用法

注：本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 HTML DOM Iframe align Property。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。