The HTML DOM Object align property is used to set or return the value of the data attribute of an element.
Note: This property is not supported by HTML5
Syntax:
- It returns the object align property.
objectobject.align;
- It sets the object to align property.
objectobject.align="left | right | middle | top | bottom"
Property Values:
- left: It sets the object to the left-align. It has a default value.
- right: It sets the object to the right align.
- middle: It sets the object to the middle.
- top: It sets the object to the top-align.
- bottom: It sets the object to the bottom align.
Return Values: It returns a string value that represents the alignment of the object element.
Example 1: This example returns the object align property.
HTML
<!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=
</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() {
// Return Object align Property
var x =
document.getElementById(
"myobject").align;
document.getElementById(
"gfg").innerHTML = x;
}
</script>
</body>
</html>
|
Output:
- Before Clicking On Button:
- After Clicking On Button:
Example 2: This example sets the object to align property
HTML
<!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=
</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() {
// set Object align Property
var x = document.getElementById(
"myobject").align = "left";
document.getElementById(
"gfg").innerHTML = x;
}
</script>
</body>
</html>
|
Output:
- Before Clicking On Button:
- After Clicking On Button:
Supported Browsers: The browsers supported by DOM Object align Property are listed below:
- Google Chrome
- Internet Explorer
- Firefox
- Apple Safari
- Opera