HTML DOM中的图像名称属性用于设置或返回<image>元素的名称属性的值。
用法:
imageObject.name
属性值:
- name:它指定图像的名称。
返回值:它返回一个表示图像名称的字符串值。
示例1:本示例返回图像名称属性。
<html>
<body>
<center>
<img src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190602171808/629.png"
id="image"
alt=""
width="250"
height="205"
name="geeks"
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>
在单击按钮之前:
单击按钮后:
示例2:本示例设置图像名称属性。
<html>
<body>
<center>
<img src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190602171808/629.png"
id="image"
alt=""
width="250"
height="205"
name="geeks"
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 Geeks";
var output =
document.getElementById(
"text").innerHTML =
"The name of the image was changed to "
+ imgObject;
}
</script>
</body>
</html>
在单击按钮之前:
单击按钮后:
支持的浏览器:下面列出了DOM Image name属性支持的浏览器:
- 谷歌浏览器
- IE浏览器
- Firefox
- 苹果Safari
- Opera
相关用法
- HTML Input Image value用法及代码示例
- HTML Image complete用法及代码示例
- HTML Input Image name用法及代码示例
- HTML Input Image src用法及代码示例
- HTML image naturalHeight用法及代码示例
- HTML Input Image alt用法及代码示例
- HTML image naturalWidth用法及代码示例
- HTML Input Image disabled用法及代码示例
- HTML Input Image type用法及代码示例
- HTML Input Image form用法及代码示例
- HTML Input image autofocus用法及代码示例
- HTML Input Image width用法及代码示例
- HTML Input Image formMethod用法及代码示例
- HTML input image height用法及代码示例
- HTML Input Image formEnctype用法及代码示例
注:本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 HTML | DOM Image name Property。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。