gpt4 book ai didi

javascript - 从另一个 DIV 调用 DIV 内的 Javascript 函数

转载 作者:行者123 更新时间:2023-12-03 12:13:32 24 4
gpt4 key购买 nike

我有一个 javascript 函数 displayImages() 来显示目录中的所有图像。我在 DIV“photo_gallery”内调用此函数,以便图像仅显示在该 DIV 中(页面加载后)

但是,我还需要动态显示图像库,为此我必须从 DIV 外部调用此函数,即从 js 文件内的其他函数调用此函数。

<div id="photo_gallery" style="display:none">
<ul>
<script>displayImages();</script>
</ul>

</div>

有人可以建议吗

以下是我的功能:

注意:(这里的图像是图像数组)

function displayImages() {

for (i=0;i<images.length;i++) {

document.write("<a href='#pop1'>");

document.write("<img onclick='currentimage(&quot;" + images[i] + "&quot;)' class='photo' src='" + images[i] + "' width='160' height='120'/>");
document.write("</a>");


}
}

最佳答案

您必须在 body onload 事件或 div 容器外部的脚本标记中执行 javascript 函数。

<body onLoad="displayImages()">

在你的函数displayImages()中,你必须设置Div-Container f.ex的innerHTML(内容):

yourHtmlGalleryGeneratedContent = '';
for (i=0;i<images.length;i++) {
yourHtmlGalleryGeneratedContent += "<a href='#pop1'>";
[...]
}
document.getElementById('photo_gallery').innerHTML = yourHtmlGalleryGeneratedContent;

关于javascript - 从另一个 DIV 调用 DIV 内的 Javascript 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24839600/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com