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查询中获取图像网址，请使用ajax回调中的上部代码段。如果您正在使用jquery，则按照以下方式操作图像URL

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

HTML连接img标记内的span

1 个答案: