imgタグ内のスパンを連結するHTML

Question

私はPHPの画像から以前に画像を参照していたhtmlの画像タグを持っています。私が欲しい

<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

私は、私が試してみました

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

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

AJAX要求を使用することができますので、私は最近、javascriptオブジェクトにこれを更新しましたそこにhtmlタグを入れる必要はないと私は理解しています。そこにエコーする必要があるのは、純粋でシンプルな画像名です。

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

が正しいです。あなたはJavaScriptでsrc属性に影響を与えるために必要がある場合は、今、単にこの

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

のようにそれをハンドル（画像は、それのページ内で一意である場合は、idが働くだろう）を得た後、JavaScriptでそれを参照

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

ajaxクエリからイメージURLを取得した場合は、ajaxコールバックで上位のコードスニペットを使用してください。 jqueryを使用している場合、画像URLを変更すると、次のように処理されます。

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