Question

我有这个基本网站有多个图片，我想显示＆＃39; alt＆＃39;通过javascript在每个图像下的属性。我尝试了一些想法，然后让它发挥作用。但我现在的问题是，我希望这个基本网站由另一个父网站加载，通过iframe＆＃39;。

所以我将这行代码放入父网站

<iframe id="iframeID" name="iframeName" src="...my basic website" scrolling="auto" frameborder=0 width="100%" height="700"></iframe>

并加载带有图像的基本网站。带有图片的网站有这样的代码：

<div id="gallery">
    <div class="image-container">
        <img src="imageOne.jpg" alt="An image of an elephant">
    </div>
    <div>...</div>
</div>

在父网站的

下

<script></script>

我有这段代码：

var gallery = document.getElementById('gallery');
var imageContainers = gallery.getElementsByClassName('image-container');

// Loop through the image containers:
    for (var i = 0; i < imageContainers.length; i++) {

    var image = imageContainers[i].getElementsByTagName('img')[0];
    var caption = document.createElement('span');
    caption.innerHTML = image.alt;
    window.frames[0].document.getElementById('gallery').getElementsByClassName('image-container')[i].appendChild(caption);
    }

没有任何反应。

当我拥有完全相同的代码，但在＆＃39;脚本中有不同的结束行＆＃39;图像的基本网站

imageContainers[i].appendChild(caption);

或

document.getElementById('gallery').getElementsByClassName('image-container')[i].appendChild(caption);

但没有

window.frames[0]

我通过iframe＆＃39;加载该网站或者只是通过它的链接打开它，所有的工作。我似乎无法做出＆＃39; alt＆＃39;要在“iframe”中显示的属性或任何文字。来自父网站的HTML。我可以更改iframe HTML的样式，但无法将文本添加到＆＃39; div＆＃39;或者＆＃39; span＆＃39;什么的我不明白为什么。

如果你能提供帮助就会很棒。

谢谢。

p.s：我需要父网站通过＆＃39; iframe＆＃39;;显示＆＃39; alt＆＃39;的JavaScript属性必须在父网站中，而不是在正在加载的网站中

p.s.2：两个网站都属于同一个域，都是我的

在iframe html上显示图像下的alt属性

0 个答案: