需要來自html函數內的javascript函數的信息

我試圖通過將.jpg添加到字符串來從本地文件檢索圖像。網頁是一個字典，所以我從html中的不同位置獲取當前可用的單詞。無論如何，然後輸出從JavaScript的圖像鏈接？這是我到目前爲止所嘗試的。需要來自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;

來源

2016-06-12 Sam Steele

請學習如何在html中使用js。 src =「getImage（）」這是無效的 – Przemek

你能否更新這個問題來提供一個提供#word的HTML例子？ –

結束一個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屬性。

來源

2016-06-12 22:24:55 smarx

儘管看起來應該如此，但這似乎並不奏效。我在控制檯中沒有收到任何錯誤。 –

需要來自html函數內的javascript函數的信息

回答

相關問題