Question

这是一个很小的形式，我粘贴一个有效的URL，点击按钮并在第三个输入类型元素中显示图像：

<input id="url" type="text">
<br><input id="getImage" type="button" onclick="getImages()" value="Get the image!">
<br><br><input id="showImage" type="image">

这是我的javascript：

function getImages() {
    url=document.getElementById('url').value;
    imagen=document.getElementById(showImage).value='<img src="'+url+'">';
}

我刚刚开始使用我的第一个javascript类，想知道要使用哪个函数，我知道这个imagen=document.getElementById(showImage).value='<img src="'+url+'">';不正确。

当我尝试运行脚本时出现此错误：

未捕获的TypeError：无法设置null
的属性“value”

当然，违规行是：

imagen=document.getElementById(showImage).value='<img src="'+url+'">';

我想了解哪些功能可以打印出来。谢谢！

Answer 1

FORM元素具有值。 HTML元素有innerHTML。

document.getElementById('showImage').innerHTML='<img src="'+url+'">';
window.print();

Answer 2

这是正确的功能。你忘了用' 你应该关闭那些输入标签。

function getImages() {
    url=document.getElementById('url').innerHTML;
    document.getElementById('showImage').innerHTML='<img src="'+url+'" />';
}

也许更好的代码是：

<input id="url" type="text" onChange="getimages();"></input>
<br><br><div id='showImage'></div>
<script>function getimages() {
    url=document.getElementById('url').value;
    document.getElementById('showImage').innerHTML='<img src="'+url+'" />';
}</script>

当您粘贴链接时，应立即显示图像。

如何从Javascript中的表单中的URL打印图像？

2 个答案: