HTML | DOM Image name Property
The Image name Property in HTML DOM is used for setting or returning the value of the name Attribute of an <image> element.
Note: This property is not supported by HTML 5.
Syntax:
imageObject.name
Property Values:
- name: It specifies the name of the Image.
Return Value: It returns a string value which represents the name of the Image.
Example-1: This Example returns an Image name Property.
HTML
<!DOCTYPE html> < html > < body > < center > < img src = "https://media.w3wiki.net/wp-content/uploads/20190602171808/629.png" id = "image" alt = "" width = "250" height = "205" name = "Beginner" class = "alignnone size-medium wp-image-1092360" /> < br >< br > < button type = "button" onclick = "getHeight()" > Click </ button > < h4 id = "text" ></ h4 > </ center > < script > function getHeight() { var imgObject = document.getElementById("image"); var output = document.getElementById("text"); output.innerHTML = "The name of the image is : " + imgObject.name; } </ script > </ body > </ html > |
Before Clicking On Button:
After Clicking On Button:
Example-2: This Example sets the Image name Property.
HTML
<!DOCTYPE html> < html > < body > < center > < img src = "https://media.w3wiki.net/wp-content/uploads/20190602171808/629.png" id = "image" alt = "" width = "250" height = "205" name = "Beginner" class = "alignnone size-medium wp-image-1092360" /> < br >< br > < button type = "button" onclick = "getHeight()" > Click </ button > < h4 id = "text" ></ h4 > </ center > < script > function getHeight() { var imgObject = document.getElementById( "image").name = "Hello Beginner"; var output = document.getElementById( "text").innerHTML = "The name of the image was changed to " + imgObject; } </ script > </ body > </ html > |
Before Clicking On Button:
After Clicking On Button:
Supported Browsers: The browsers supported by DOM Image name Property are listed below:
- Google Chrome
- Internet Explorer
- Firefox
- Apple Safari
- Opera
Contact Us