HTML DOM HR align属性用于设置或返回<hr>元素的align属性的值。
用法:
- 它返回HR align属性。
hrobject.align;
- 设置HR对齐属性。
hrobject.align="left | right | center"
属性值:
- left:它将left-align设置为水平线。
- center:它将center-align设置为水平线。它是默认值。
- right:它将right-align设置为水平线。
返回值:它返回一个表示HR元素对齐的字符串值。
范例1:本示例设置HR对齐属性。
<!DOCTYPE html>
<html>
<head>
<title>HTML DOM hr align property</title>
</head>
<body>
<H1>GeeksForGeeks</H1>
<h2>DOM HR align Property</h2>
<p>There is a horizontal rule below this paragraph.</p>
<!-- Assigning id to 'hr' tag. -->
<hr id="GFG"
align="left"
width="140px">
<p>This is a horizontal rule above this paragraph.</p>
<button onclick="myGeeks()">Try it</button>
<script>
function myGeeks() {
// Accessing 'hr' tag.
var x =
document.getElementById("GFG").align =
"center";
}
</script>
</body>
</html>
输出:
- 在单击按钮之前:
- 单击按钮后:
范例2:本示例返回HR align属性。
<!DOCTYPE html>
<html>
<head>
<title>HTML DOM hr align property</title>
</head>
<body>
<H1>GeeksForGeeks</H1>
<h2>DOM HR align Property</h2>
<p>There is a horizontal rule below this paragraph.</p>
<!-- Assigning id to 'hr' tag. -->
<hr id="GFG" align="left" width="140px">
<p>This is a horizontal rule above this paragraph.</p>
<button onclick="myGeeks()">Try it</button>
<h3 id="sudo"></h3>
<script>
function myGeeks() {
// Accessing 'hr' tag.
var x = document.getElementById("GFG").align;
document.getElementById("sudo").innerHTML = x;
}
</script>
</body>
</html>
输出:
- 在单击按钮之前:
- 单击按钮后:
支持的浏览器:下面列出了DOM HR align属性支持的浏览器:
- 谷歌浏览器
- IE浏览器
- Firefox
- 苹果Safari
- Opera
相关用法
- HTML Legend align用法及代码示例
- HTML TableRow align用法及代码示例
- CSS align-self用法及代码示例
- CSS text-align用法及代码示例
- CSS vertical-align用法及代码示例
- CSS align-items用法及代码示例
- CSS align-content用法及代码示例
- CSS text-align-last用法及代码示例
- HTML <col> align属性用法及代码示例
- HTML <th> align属性用法及代码示例
- HTML <tr> align属性用法及代码示例
- HTML <td> align属性用法及代码示例
- HTML <img> align属性用法及代码示例
- HTML <p> align属性用法及代码示例
注:本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 HTML | DOM HR align Property。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。