javascript - 如何将缓存图像显示到html div对象中

Question

我正在寻找在选定的htmlJavascriptImage数组中显示预加载的任何图像的方法strong> 对象，因为到目前为止我找不到方法:那么，您能帮我编写我的函数“affiche()”，考虑以下内容:

例如，假设我们要将一张图片设置到一个名为stand的对象中

现在，图像已加载到缓存中，如下所示:

<script type= text/javascript>
    // ...
    var tbPix = new Array;
    tbPix[1]= new Image();
    tbPix[2]= new Image();
    tbPix[3]= new Image();
    tbPix[1].src = 'image1.jpg";
    tbPix[2].src = 'image2.jpg";
    tbPix[3].src = 'image3.jpg";
    // ...
</script>

最后，我们要编写具有以下签名的“affiche”函数，以便能够像下面的示例中那样调用它，我们要在其中显示图片'image2'从 Javascript 缓存到 'stand' div:

<script type='text/javascript'>
    // ...
    affiche('stand',tbPix[2])
    // ...
    function affiche(divName,javaPic)
    {
        // give me the code, please!
    }
    // ...
</script>

顺便说一句，非常感谢您，亲爱的11501525(好吧，我不知道您的名字)，因为旅行的答案既快又准确，正是我所需要的。这是我的函数，知道同一个 div 对象不能包含超过一张图像，因此新图像必须替换前一个图像，并且不能添加:

function affiche(nomDiv, javaPic) //->void
{   // Place l'image javaPic dans l'objet nomDiv en remplacement de tout autre 
    var x = document.getElementById(nomDiv);
    x.innerHTML = "";
    document.getElementById(nomDiv).appendChild(javaPic);
}

非常感谢，再次感谢。

Answer 1

我认为您正在搜索的是appendChild:

divName.appendChild(javaPic);

编辑:

抱歉，我没有看到您的第一个参数是字符串。

您需要一个 html 对象才能使用appendChild。

如果您的对象有 id 支架，您可以执行以下操作:

document.getElementById('stand').appendChild(javaPic);