HTML DOM對象的align屬性用於設置或返回元素的data屬性的值。
用法:
- 它返回obkect align屬性。
objectobject.align;
- 它設置對象的align屬性。
objectobject.align="left | right | center"
屬性值:
- left:它將left-align設置為水平線。
- center:它將center-align設置為水平線。它是默認值。
- right:它將right-align設置為水平線。
返回值:它返回一個字符串值,該值表示對象元素的對齊方式。
範例1:本示例返回對象的align屬性。
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM Object align Property
</title>
</head>
<body>
<object id="myobject" data="HelloGeeks.swf"
width="400" height="100" align ="center"
form="myGeeks" data=
"https://media.geeksforgeeks.org/wp-content/uploads/geek-8.png">
</object>
<br><br><br>
<h2 align ="left">DOM Object align Property</h2>
<button onclick="Geeks()">
Click it
</button>
<p id="gfg" style=
"color:green; font-size:25px;">
</p>
<script>
function Geeks() {
// Accessing Object element.
var x =
document.getElementById(
"myobject").align;
document.getElementById(
"gfg").innerHTML = x;
}
</script>
</body>
</html>
輸出:
- 在單擊按鈕之前:
- 單擊按鈕後:
範例2:本示例設置對象的align屬性
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM Object align Property
</title>
</head>
<body>
<object id="myobject" data="HelloGeeks.swf"
width="400" height="100" align ="center"
form="myGeeks" data=
"https://media.geeksforgeeks.org/wp-content/uploads/geek-8.png">
</object>
<br><br><br>
<h2 align ="left">DOM Object align Property</h2>
<button onclick="Geeks()">
Click it
</button>
<p id="gfg" style=
"color:green; font-size:25px;">
</p>
<script>
function Geeks() {
// Accessing Object element.
var x = document.getElementById(
"myobject").align = "left";
document.getElementById(
"gfg").innerHTML = x;
}
</script>
</body>
</html>
輸出:
- 在單擊按鈕之前:
- 單擊按鈕後:
支持的瀏覽器:下麵列出了DOM Object align屬性支持的瀏覽器:
- 穀歌瀏覽器
- IE瀏覽器
- Firefox
- 蘋果Safari
- Opera
相關用法
- HTML <object> align屬性用法及代碼示例
- HTML HR align用法及代碼示例
- HTML Legend align用法及代碼示例
- HTML TableRow align用法及代碼示例
- HTML Object name用法及代碼示例
- HTML Object type用法及代碼示例
- HTML Object Height用法及代碼示例
- HTML Object data用法及代碼示例
- HTML Object width用法及代碼示例
- HTML Object form用法及代碼示例
- CSS align-self用法及代碼示例
- CSS text-align-last用法及代碼示例
- CSS vertical-align用法及代碼示例
- CSS align-items用法及代碼示例
注:本文由純淨天空篩選整理自ManasChhabra2大神的英文原創作品 HTML | DOM Object align Property。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。