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

Question

我有一个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>");


}
}

Answer 1

您必须在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;

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

问题描述

1 个解决方案

解决方案1
1 已采纳 2014-07-19 11:07:33

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

问题描述

1 个解决方案

解决方案1 1 已采纳 2014-07-19 11:07:33

解决方案1
1 已采纳 2014-07-19 11:07:33