HTML在img标签内连接一个span答案

【问题标题】：HTML concatenating a span within img tagHTML在img标签内连接一个span
【发布时间】：2018-04-07 22:05:02
【问题描述】：

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

【问题讨论】：

this.processingData['item'] 会有什么价值？
如果您将使用 JavaScript 加载图像，则无需进行任何 PHP 处理。只需写<img id='item'>。还是我误解了您要做什么？
<img src="http://www.example.com/images/<?php echo "<span id='item'></span>"; ?>.gif"> ... 这确实让 no 有意义。
以编程方式设置img.src = "http://www.example.com/images/"+nameOfImage+".gif";
给图片一个id，例如<img id="piccy" ... /> 然后（因为你已经用 jQuery 标记了它）你可以用 $('#piccy').attr('src', this.processingData['item']); 即时更改 src ...这就是你想要做的吗？

标签： javascript php jquery html concatenation

【解决方案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 回调中使用上面的代码 sn-p。如果您使用的是 jquery，则链接图像 url 如下所示

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

【讨论】：