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

从另一个DIV调用DIV内的Javascript函数,javascript,html,Javascript,Html,我有一个javascript函数displayImages()来显示目录中的所有图像。 我在DIV“photo_gallery”中调用此函数,以便图像仅显示在该DIV中(页面加载后) 但是,我还需要动态显示图像库,为此,我必须从js文件中的其他函数调用DIV I:e外部的函数 <div id="photo_gallery" style="display:none"> <ul> <script>displayImages();</script&

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

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

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

</div>

    显示图像();
有人能给我建议吗

以下是我的职责:

注:(此处图像是一组图像)

函数displayImages(){

对于(i=0;i,必须在body onload事件中或在div容器外部的脚本标记中执行javascript函数

<body onLoad="displayImages()">

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

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