javascript - JavaScriptを使用してsrc値を変更する方法

Question

<div id="3" class="dsi" onmousedown="test(3);" ondrop="checkImg('3');dropIt(event,3);" ondragover="event.preventDefault();">

<img src="1.gif" draggable="true" ondragstart="dragIt(event,4);" id="pic4" />

srcJavaScriptを使用して値を変更したい。9 つのダイブがあり、既に 1 ～ 9 個の gif 画像があります。src残りの部分を変更せずに新しい値を追加するにはどうすればよいですか? (つまりdraggable="true" ondragstart="dragIt(event,4);" id="pic4")

function ft1() {
            var imgSrcs = ['2.gif', '1.gif', '3.gif', '4.gif', '5.gif', '6.gif', '7.gif', '8.gif'];
            var myImages = [];
            for (var i = 0 ;i <=((imgSrcs.length)-1);i++) {
                var v = i;
                var img = new Image();
                img.src = imgSrcs[i];
                var div0 = document.getElementById(v+1);
                div0.appendChild(img);
                myImages[v+1] = img;
            }

これを使用して、div 画像を置き換えることができます。しかし、最初に割り当てられた src 値を削除してから、新しい画像を置き換えるにはどうすればよいですか?

Answer 1

hereで述べたように、次のようにします。

document.getElementById("pic4").src="...";

Answer 2

これを試して。

$('.img').attr('src','http://source');