0

这是一个很小的表单，我在其中粘贴了一个有效的 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+'">';是不正确的。

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

未捕获的类型错误：无法将属性“值”设置为 null

当然，违规行是：

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

我想知道什么功能可以打印出来。谢谢！

4

2 回答 2

1

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

document.getElementById('showImage').innerHTML='<img src="'+url+'">';
window.print();
于 2013-10-22T19:23:14.240 回答
1

这是正确的功能。您忘记使用 ' 并且您应该关闭该输入标签。

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>

因此，当您粘贴链接时，图像应该立即出现。

于 2013-10-22T19:24:43.630 回答