如何將緩存圖像顯示為html div對象

Question

我正在尋找在所選html對象中顯示預裝在Javascript Image數組中的任何圖像的方法，因為到目前為止我找不到這樣做的方法：那么，請你幫我寫一下我的函數“ 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>

最后，我們要寫入“網站公告”功能，具有以下簽名，以便能夠在下面的例子來稱呼它，我們要顯示從JavaScript緩存的圖片“圖像2”到“立”的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);

編輯：

對不起，我沒有看到你的第一個參數是一個字符串。

在ordner中需要一個html對象來使用appendChild。

如果您的對象具有id stand，則可以執行以下操作：

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