javascript将图像加载到div onclick

我想在for循环到div中显示用户从图像链接单击的图像

我的for循环如下所示

<a href='' name=my_image[i]

onclick='disp_image('link_image_url')'id=my_image[i]  class='popup-open'><img src=my_image[i] width='80' height='65'></a>;

；

还有我的javascript函数

<script language=\"javascript\">


function disp_image(url){

document.getElementById('image').innerHTML ="<img src=url width='100' height='105'>";

;}

</script>


</script>

函数显示图像（url）{
document.getElementById（'image'）.innerHTML=“”；
;}

但是，它没有被加载到我的div内容中

<div id="image"></div>

---

有人知道如何在div内容中动态显示所选图像吗？

您的引号不匹配，因此无法正确生成字符串，或者根本无法。。。控制台中可能有错误

str += "<td><a href='" + my_image[i] + " onclick='displaying()' id='/image" + my_image[i] + "'><img src='" + my_image[i] + "' width='80' height='65' /></a></td></tr><tr>";

---

---

循环中有

displaying（）

，但在下面，它被称为

displayImage（）

。此外，函数需要一个您在调用中没有提供的参数。

请查看文章的语法突出显示。你可以清楚地看到你的报价到处都是。例如，您有

src='“+url+'”

，这是错误的。你也有“智能报价”的地方。修复引号，它将停止抛出语法错误

但最重要的是，您的

onclick

函数调用

displaying（）

，而该函数被称为

displayImage

，并接受一个参数。

我是这样做的：

<div id="result" style="width:450px;height:296px;">
<img name="main" src="/images/image.jpg" alt="">
</div>

function change_pic(img_name,img_src) 
{
  document[img_name].src=img_src;
}

功能更改图片（img\U名称，img\U src）
{
文档[img_name].src=img_src；
}

使用以下方法：

var _leng = my_image.length
  , td = "<td><a href='#url#' onclick='displaying(/image#url#)' id='/image#url#'><img src='#url#' width='80' height='65' /></a></td></tr><tr>"
  , i; 

for (i=0; i < _leng; i++) {
  str += td.replace(/#url#/g, my_image[i])
}

var\u leng=my\u image.length
，td=“”
我
对于（i=0；i<\u leng；i++）{
str+=td.replace（/#url#/g，my#u image[i]）
}

检查此示例：

---

你能给我一个干净的解决方案吗？你也应该努力，你知道。我想在一个div中显示图像content@PIONA，使用显示函数

函数显示（url）{document.getElementById（'image'）.innerHTML=“；”}

var _leng = my_image.length
  , td = "<td><a href='#url#' onclick='displaying(/image#url#)' id='/image#url#'><img src='#url#' width='80' height='65' /></a></td></tr><tr>"
  , i; 

for (i=0; i < _leng; i++) {
  str += td.replace(/#url#/g, my_image[i])
}