如何从Javascript设置图像网址

Question

我正在编写一个开放大学项目，要求我使用Cordova生成Android应用程序。为此，我使用HTML和JavaScript的组合。

我的HTML使用

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

等。在单个HTML文件中定义单个页面。当页面首次运行时，它会显示一个＆＃34; corporate＆＃34;商标。登录后，它会显示个人徽标。徽标的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;

您正在通过ID查找带有文字字符串"anID"的元素。您应该使用变量anID

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