使用表单使用Javascript插入图像

时间:2012-12-16 18:53:41

标签: javascript

我正在使用这个javascript函数来使用表单将文本插入到set div中。

我希望能够将图片网址放入表单并使用此函数将网址插入img标记而不是div。我能以什么方式实现这一目标?

使用Javascript:

function header01(){

    var head01v = document.getElementById('head01i').value;

    document.getElementById('head01c').innerHTML = head01v;
    document.getElementById('head01c').style.display = "block";

    return false;
}

我尝试使用建议的解决方案,输入相应的字段

 function image01(){

        var img = document.createElement('img');
        img.src = document.getElementById('imag01i').value;
        document.getElementById('imag01c').appendChild(img);

        return false;
    }

但无济于事,任何额外的帮助都会受到极大的欢迎。

1 个答案:

答案 0 :(得分:1)

将我的评论扩展到答案:

这并不难。首先,检查您是否拥有有效的网址(有关here的更多信息 - 首次点击Google),然后执行此操作:

var img = document.createElement('img');
img.src = [the validated URL you obtained from the form];
document.getElementById('theElementYouWantToInsertTheImgIn').appendChild(img);