如何从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; 
}