Javascript 如何让eventlistener将图像添加到我的页面？_Javascript_Html_Addeventlistener

Javascript 如何让eventlistener将图像添加到我的页面？

javascript html

Javascript 如何让eventlistener将图像添加到我的页面？,javascript,html,addeventlistener,Javascript,Html,Addeventlistener,我有一个钮扣。当我点击按钮时，我想创建一个猫的图像。我创建了一个函数来实现这一点。我在按钮中添加了一个事件监听器，当按钮被单击时，它会触发函数。但没有这样的形象被创造出来。代码如下： <!DOCTYPE html> <html> <head> </head> <body> <button id="1">hello</button> <script> function create(){

我有一个钮扣。当我点击按钮时，我想创建一个猫的图像。我创建了一个函数来实现这一点。我在按钮中添加了一个事件监听器，当按钮被单击时，它会触发函数。但没有这样的形象被创造出来。代码如下：

<!DOCTYPE html>
<html>
<head>
</head>
<body>
  <button id="1">hello</button>
 <script>
function create(){
    var image= document.createElement("img")
    image.src="https://encrypted-tbn0.gstatic.com/images? 
    q=tbn%3AANd9GcQeP6zBFWjK10gNYUK1kxM6I-AbF8vK_zPGSHrk38JzCb_5ZpRd&usqp=CAU"
    document.body.appendChild(image)
   }
   var element=document.getElementById("1")
   element.addEventListener("click", create)
  </script>
</body>
</html>


你好
函数create（）{
var image=document.createElement（“img”）
image.src=”https://encrypted-tbn0.gstatic.com/images? 
q=tbn%3和9GCQEP6ZBFWK10GNYUK1KM6I-AbF8vK_zPGSHrk38JzCb_5ZpRd&usqp=CAU“
document.body.appendChild（图像）
}
var元素=document.getElementById（“1”）
元素。addEventListener（“单击”，创建）

这是因为url被破坏，并且在

图像和下一行之间引入了空白。使用+
对它们进行编码或复制url，在浏览器中尝试，然后从浏览器中复制相同的url，并将其置于引号之间

函数创建（）{
var image=document.createElement（“img”）
image.src=”https://encrypted-tbn0.gstatic.com/images?"+ 
“q=tbn%3和9GCQEP6ZBFWK10GNYUK1KM6I-AbF8vK_zPGSHrk38JzCb_5ZpRd&usqp=CAU”；
document.body.appendChild（图像）
}
var元素=document.getElementById（“1”）
元素。addEventListener（“单击”，创建）
您好
这是因为url被破坏，并且在图像和下一行之间引入了空白。使用+
对它们进行编码或复制url，在浏览器中尝试，然后从浏览器中复制相同的url，并将其置于引号之间

函数创建（）{
var image=document.createElement（“img”）
image.src=”https://encrypted-tbn0.gstatic.com/images?"+ 
“q=tbn%3和9GCQEP6ZBFWK10GNYUK1KM6I-AbF8vK_zPGSHrk38JzCb_5ZpRd&usqp=CAU”；
document.body.appendChild（图像）
}
var元素=document.getElementById（“1”）
元素。addEventListener（“单击”，创建）
hello
在url中添加分号并删除换行符：


你好
函数create（）{
var image=document.createElement（“img”）；
image.src=”https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQeP6zBFWjK10gNYUK1kxM6I-AbF8vK_zPGSHrk38JzCb_5ZpRd&usqp=CAU”；
document.body.appendChild（图像）；
}
var元素=document.getElementById（“1”）；
元素。addEventListener（“单击”，创建）；
在url中添加分号并删除换行符：


你好
函数create（）{
var image=document.createElement（“img”）；
image.src=”https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQeP6zBFWjK10gNYUK1kxM6I-AbF8vK_zPGSHrk38JzCb_5ZpRd&usqp=CAU”；
document.body.appendChild（图像）；
}
var元素=document.getElementById（“1”）；
元素。addEventListener（“单击”，创建）；
请指定您遇到的错误是什么？图像应与此方法一起显示，以确认@kokila@当然，在图像url之间不能有换行符。“q=tbn%3和9GCQEP6ZBFWJK10GNYUK1KM6I-AbF8vK_zPGSHrk38JzCb_5ZpRd&usqp=CAU”不起作用。“”请您指定您遇到的错误是什么？图像应与此方法一起显示，以确认@kokila@当然，在图像url之间不能有换行符。“q=tbn%3和9GCQEP6ZBFWJK10GNYUK1KM6I-AbF8vK_zPGSHrk38JzCb_5ZpRd&usqp=CAU”不起作用。“Willghee你快了几秒钟：pghee你快了几秒钟：p分号不需要做这件事（事实上对这件JS没有功能上的区别）分号不需要做这件事（事实上对这件JS没有功能上的区别）