0

Javascript で記述されたオブジェクトの画像プロパティを表示したいと考えています。次のコードを使用しようとしましたが、うまくいきません。関数 show_image は here からのものなので、機能することはわかっています (「生の」画像ファイルで試した場合にも機能します)。また、特定の div 内で、この画像を表示する場所を選択できるようにしたいと考えています。 . どうすればこれを行うことができますか？追加したいdivもクラス名で識別できると思いますが、「getElementById」を使用する必要があると思いますが、正確にこれを行う方法は謎です。

画像は空の正方形として表示されますが、「[object%20HTMLImageElement]」と表示されます。

これが私の現在のスクリプトコードです：

var img = new Image();
    img.src = 'imagehere';

    card=new Object();
    card.backImage=img;
    card.height=100;
    card.width=100;

    show_image(card.backImage, 
                     276, 
                     110, 
                     'Whateverthenameis');

    function show_image(src, width, height, alt) {
        var img = document.createElement("img");
        img.src = src;
        img.width = width;
        img.height = height;
        img.alt = alt;

        document.body.appendChild(img);
    }

前もって感謝します！

4

1 に答える 1

1

作成したImageを DOM にアタッチするのがNode.appendChild. あなたの例では、を使用してdocument.body.appendChild(img);いるため、これは変更する必要がある行です。また、関数に別のパラメーターを追加して、画像を追加するノードを渡すこともできます。

たとえば、結果の関数は次の形式になる場合があります。

function show_image(src, width, height, alt, parent) {
    var img = document.createElement("img");
    img.src = src;
    img.width = width;
    img.height = height;
    img.alt = alt;

    parent.appendChild(img);
}

によって呼び出されます

show_image(
    'http://yummy.p.ie/photo.jpg',      // url
    100, 100, 'PIE!',                   // width, height, alt
    document.getElementById('pieShelf') // parent
);

次のようなHTMLを使用して

<div id="pieShelf">Look at my yummy pie</div>
于 2013-05-24T19:43:23.933 に答える