0

我正在使用这个 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;
    }

但无济于事，任何额外的帮助都非常受欢迎。

4

1 回答 1

1

将我的评论扩展到答案：

这并不难。首先，检查你是否有一个有效的 URL（更多信息在这里- 首先点击谷歌），接下来，这样做：

var img = document.createElement('img');
img.src = [the validated URL you obtained from the form];
document.getElementById('theElementYouWantToInsertTheImgIn').appendChild(img);
于 2012-12-16T19:00:56.280 回答