0

クリックしたときにimgタグのinnerhtmlを使用して画像を変更したい私のコードは以下のとおりです

tempData +='<td >';

        tempData +='<img src="'+frontImg+'" id='+ii+' onClick="flipImage(this.id);" />';//from where flipImage call
        tempData +='</td>';

正常に動作しますが、関数から戻ると画像が変わりますが、flipImage戻る前に変更したかった

    function flipImage(m)
    {

        var jsonLen = jsonImages.images.length;
        var imgNumber = finalImageArray[m];
        for(jsn = 0;jsn <jsonLen ;jsn++)
        {
            if(jsonImages.images[jsn].imageKey== imgNumber)
            {
                realImage = jsonImages.images[jsn].imagePath;
                var element = document.getElementById(m);
//              var mg = '<img src="bool.jpg" />'; // change when this line execute what should i put here.?
                //element.innerHTML=mg; want like this.

                       //this is actual code but it change image after returning the function  so i don't want this.
                element.innerHTML=realImage;
            element.setAttribute('src',realImage);
            element.setAttribute('onclick', ''); 
                break;

            }
        }
    }

flipImageだから私は戻る前にイメージを変えたかった。これは単なるサンプルコードであり、

4

1 に答える 1

1

タグには HTML が含まれておらず、シングルトンであり、内部コンテンツがないため、タグにinnerHTMLは使用できません。<img />

使うだけimgElement.setAttribute('src', 'http://...');でイメージチェンジ。

于 2012-06-21T20:02:39.573 に答える