使用Javascript使用表单插入图像

我使用这个javascript函数使用一个表单将文本插入到集合div中

我希望能够将图像url放入表单，并使用此函数将url插入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;
    }

---

但是，任何额外的帮助都无济于事

将我的评论扩展到一个答案：

没那么难。首先，检查您是否有有效的URL（有关该URL的更多信息-第一次点击），然后，执行以下操作：

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

---

var img=document.createElement（'img'）；img.src=形式的值这会有帮助吗？谢谢，但尝试了却毫无乐趣，已将上述问题更新为我所尝试的。当您尝试我的解决方案时会发生什么@USER1739696函数实现并没有被调用吗？所有的都在使用中，我已经用你们的代码建议对它进行了更新，有什么想法吗？