html内のjavascript関数からの情報が必要です

Question

文字列に.jpgを追加してローカルファイルから画像を取得しようとしています。 Webページは辞書なので、htmlの別の場所から現在入手可能な単語を取得します。とにかくjavascriptから画像へのリンクを出力することはありますか？これはこれまで私が試したことです。

はJavaScript：

function getImage() { 
     x = document.getElementById("word").innerHTML; 
     image = "images/" + x + ".jpg"; 
     return image; 
    } 

HTML：

<div> 
    <img id="circle" src="getImage()" alt="image"> 
</div> 

が、私はこの

var item = xmlDoc.getElementsByTagName("word")[i].childNodes[0]; 
document.getElementById("word").innerHTML = item.nodeValue; 

Answer 1

のように終わるのXMLHttpRequestと "言葉" を取得していますが、この試してみて：

<div> 
    <img id="circle" alt="image"> 
</div> 

<script> 
    var imageName = document.getElementById("word").innerHTML; 
    var imagePath = "images/" + name + ".jpg"; 
    document.getElementById('circle').src = imagePath; 
</script> 

コードの問題は、イメージタグのsrc属性内からその機能を実行しようとしたことですが、それはどのように動作するかではありません。 JavaScriptコードを実行して、src属性を明示的に設定する必要があります。