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

Calling a Javascript function inside a DIV from another DIV

本文关键字：DIV Javascript 函数 内的 调用 另一个      更新时间：2023-09-26

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

然而，我还需要动态地显示图像库，为此我必须从外部DIV I:e从我的js文件中的其他函数调用此函数。

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

谁能告诉我

下面是我的函数:

注意:(这里images是一个图像数组)

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-container之外的script标签中执行javascript-function。

<body onLoad="displayImages()">

在你的函数displayImages()中，你必须设置Div-Container的innerHTML (content)。

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

相关文章：