Image alt 属性
Image 对象定义和用法
alt 属性可设置或者返回图片的 alt 属性值。
alt 属性指定图像不能正常显示(网速慢、图片链接错误)后显示的替换文本。
注意: Internet Explorer浏览器在鼠标移到img元素后会显示提示文本,这是不规范的, 根据HTML规范。所有其他的浏览器只在图片无法显示时显示alt文本 显示。
提示: 如果你想创建一个图片工具条,请使用title属性。
语法
imageObject.alt=text
浏览器支持
所有主要浏览器都支持 alt 属性
实例
实例
返回图片的替换文本:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<img loading="lazy" id="compman" src="compman.gif" alt="Crazy computerman" width="107" height="98">
<p>alt属性值为:
<script>
document.write(document.getElementById("compman").alt);
</script>
</p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<img loading="lazy" id="compman" src="compman.gif" alt="Crazy computerman" width="107" height="98">
<p>alt属性值为:
<script>
document.write(document.getElementById("compman").alt);
</script>
</p>
</body>
</html>
尝试一下 »
Image 对象
点我分享笔记