HTML 在 img 标签中连接一个跨度

Question

我在 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>

我试过了：

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

我想要的最终结果是：

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

Answer 1

据我所知，无需在其中放置 html 标签。 您需要在那里回显的是纯粹而简单的图像名称

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

是正确的。 现在，如果您需要影响 javascript 中的 src 属性，只需给它一个句柄（如果图像在其页面内是唯一的，则 id 将起作用）像这样

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

然后在javascript中引用它

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

如果您从 ajax 查询中获取图像 url，请在 ajax 回调中使用上层代码片段。 如果您使用的是 jquery，则链接图像 url 的操作如下

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