如何從Javascript設置圖片網址

Question

我正在編寫一個開放大學項目，該項目要求我使用Cordova生成Android應用程序。爲此，我使用了HTML和JavaScript的組合。

我的HTML使用

<div data-role="page" id="view"> 

等來定義一個HTML文件中的單個頁面。頁面首次運行時，會顯示「公司」徽標。登錄後，顯示個人標誌。徽標的URL來自數據庫，並保存在JS全局變量railroadLogoPath中。我有一個HTML佔位符一旦我移動到另一個頁面，我看不到如何讓HTML使用JS來獲取此徽標的URL。

我的HTML看起來像這樣：

<img class="banner" id = "signedInlogo" width = "100%"> 

我有一個index.js JS功能如下：

function insertLogo(anID) { 

document.getElementById("anID").src = railroadLogoPath; 
} 

我如何把這個從HTML。我試圖把它放在

<script> insertLogo("signedInLogo")</script> 

但這不起作用。

我剛開始理解JS，所以任何幫助將不勝感激。 大衛

Answer 1

在這一行：

document.getElementById("anID").src = railroadLogoPath; 

你用文字串"anID"尋找一個元素的ID。你應該使用變量anID

function insertLogo(anID) { 
    document.getElementById(anID).src = railroadLogoPath; 
}