我想从javascript点击按钮删除img标签

时间:2013-05-21 04:06:26

标签: javascript javascript-events

我在这里添加了2个函数moveoutid(),用于在点击按钮时创建img标记,并将图像src添加到img标记以在网页上显示图像。和moveinid()用于从img标记中删除所选图像。

function moveoutid() {
    var sda = document.getElementById('availableFruits');
    var len = sda.length;
    var sda1 = document.getElementById('orderFruits');

    for (var j = 0; j < len; j++) {
        if (sda[j].selected) {
            alert(baseUrl + "/img/" + sda.options[j].value + ".jpg");
            var img1 = document.createElement('img').src = baseUrl + "/img   /" + sda.options[j].value + ".jpg";

            var di = document.getElementById('d');
            di.appendChild(img1);

            var tmp = sda.options[j].text;
            var tmp1 = sda.options[j].value;
            sda.remove(j);
            j--;
            var y = document.createElement('option');
            y.text = tmp1;
            try {
                sda1.add(y, null);
            } catch (ex) {
                sda1.add(y);
            }
        }
    }
}


function moveinid() {
    var sda = document.getElementById('availableFruits');
    var sda1 = document.getElementById('orderFruits');
    var len = sda1.length;
    for (var j = 0; j < len; j++) {
        if (sda1[j].selected) {

            di = document.getElementById('d');
            img1.src = baseUrl + "/img/" + sda1.options[j].value + ".jpg";
            //img.className="";

            di.removeChild(img1);

            var tmp = sda1.options[j].text;
            var tmp1 = sda1.options[j].value;
            sda1.remove(j);
            j--;
            var y = document.createElement('option');
            y.text = tmp;

            try {
                sda.add(y, null);
            } catch (ex) {
                sda.add(y);
            }
        }
    }
}

我想从img中删除选定的div代码(表示用户在下拉列表中选择的图像应删除该图片。)

1 个答案:

答案 0 :(得分:1)

而不是删除标签听起来你只需要显示和隐藏该图像。

document.getElementById('Image').style.visibility='visible';

如果我理解正确的话。或者你甚至可以销毁从DOM中删除它的元素。