HTML | DOM Image Object
Last Updated :
31 Jan, 2019
The Image Object in HTML DOM is used to represent the HTML < image > element.
This tag is used to set or get the properties of < image > element. This element can be accessed by using getElementById() method.
Syntax:
document.getElementById("Image_ID");
This Image_ID is assigned to HTML < image > element.
Example-1:
<!DOCTYPE html>
< html >
< head >
< base id = "Geek_Base"
< title >
HTML | DOM Image Object
</ title >
</ head >
< body style = "text-align:center;" >
< h1 style = "color:green;" >
GeeksForGeeks
</ h1 >
< h2 >HTML | DOM Image Object</ h2 >
< button onclick = "myGeeks()" >
Click
</ button >
< h4 >< p id = "Geek_p"
style = "color:green" >
</ p ></ h4 >
< script >
function myGeeks() {
// Creating IMG object.
var x = document.createElement("IMG");
x.setAttribute("src",
x.setAttribute("width", "304");
x.setAttribute("height", "228");
x.setAttribute("alt", "GFG_Logo");
document.body.appendChild(x);
}
</ script >
</ body >
</ html >
|
Output