Javascript 在img标记中连接跨距的HTML

我有一个html中的图像标记，它以前引用了php数组中的图像。我最近将其更新为javascript对象，以便可以使用AJAX请求

<img src="http://www.example.com/images/<?php echo $arrayElement[item]; ?>.gif">

<script>
    document.getElementById('item').innerHTML = this.processingData['item'];
</script>

.gif>
document.getElementById（'item'）.innerHTML=this.processingData['item']；

我试过：

<img src="http://www.example.com/images/<?php echo "<span id='item'></span>"; ?>.gif">

“；？>。gif“>

我想要的最终结果是：

<img src="http://www.example.com/images/[nameOfImage].gif">

---

据我所知，没有必要在其中添加html标记。您需要在其中回显的是纯粹而简单的图像名称

<img src="http://www.example.com/images/<?php echo $arrayElement[item]; ?>.gif">

如果您从ajax查询获得图像url，请在ajax回调中使用上面的代码段

$(".myImage").attr("src","anyValidImgUrl");

---

这个.processingData['item']将具有什么值？如果您将使用JavaScript加载图像，则无需进行任何PHP处理。只需编写

。或者我是否误解了您的意图？

“；？>。gif“>

…这真的毫无意义。因此，以编程方式设置

img.src=”http://www.example.com/images/“+nameOfImage+”.gif“

为图像提供一个id，例如使用

$（“#piccy'）.attr（'src'，this.processingData['item'））；

…这就是您试图做的事情吗？

var img = document.getElementsById("myImage");
img.src = "anyValidImgUrl";

$(".myImage").attr("src","anyValidImgUrl");