要使用JavaScript循环点击页面上的图像并显示它们的alt文本,你可以使用以下方法:
以下是一个简单的JavaScript示例,展示如何使用循环点击页面上的图像并显示它们的alt文本:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Image Click and Alt Text Display</title>
</head>
<body>
<img src="image1.jpg" alt="Image 1" id="image1">
<img src="image2.jpg" alt="Image 2" id="image2">
<img src="image3.jpg" alt="Image 3" id="image3">
<script>
// 获取所有图像元素
const images = document.querySelectorAll('img');
// 循环遍历每个图像元素
images.forEach(image => {
// 添加点击事件监听器
image.addEventListener('click', () => {
// 显示图像的alt文本
alert(image.alt);
});
});
</script>
</body>
</html>
document.querySelectorAll('img')
获取页面上所有的图像元素。forEach
方法遍历每个图像元素。alert(image.alt)
显示图像的alt文本。通过这种方法,你可以实现点击页面上的图像并显示它们的alt文本的功能。
领取专属 10元无门槛券
手把手带您无忧上云