span标签 onclick帮点查看事件函数,改函数显示多张图片,图片是src链接
时间: 2024-02-23 21:01:22 浏览: 52
怎么通过onclick事件获取js函数返回值(代码少)
好的,你可以使用以下代码实现:
HTML:
```
<span onclick="showImages()">点击查看图片</span>
<div id="imageContainer"></div>
```
JavaScript:
```
function showImages() {
var images = [
"image1.jpg",
"image2.jpg",
"image3.jpg"
];
var container = document.getElementById("imageContainer");
container.innerHTML = "";
for (var i = 0; i < images.length; i++) {
var img = document.createElement("img");
img.src = images[i];
container.appendChild(img);
}
}
```
这段代码中,`showImages()` 函数创建了一个包含多张图片的数组,然后使用一个循环将每张图片添加到一个指定的 HTML 元素中。当用户点击 `span` 标签时,该函数将被调用,并且图片将被显示在指定的 `div` 容器内。
阅读全文