How do I set an image url from Javascript

Question

I am writing an Open University project that requires me to use Cordova to generate an Android app. To do this, I am using a combination of HTML and JavaScript.

My HTML uses

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

etc. to define individual pages within the single HTML file. When the page first runs, it shows a "corporate" logo. After signing in, it shows the personal logo. The url to the logo comes from a database and is held in a JS global variable railroadLogoPath. I have an HTML placeholder Once I move to another page, I can't see how to get the HTML to use the JS to get the url of this logo.

My HTML looks like this:

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

I have a JS function in index.js as follows:

function insertLogo(anID) {

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

How do I call this from HTML. I have tried putting it in

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

but this doesn't work.

I am just starting to understand JS so any help would be appreciated. David

change this line document.getElementById("anID").src = railroadLogoPath; to document.getElementById(anID).src = railroadLogoPath; — Vel
– Vel, Commented Aug 10, 2017 at 14:34

Jamiec · Accepted Answer · 2017-08-10 14:35:40Z

1

In this line:

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

You're looking for an element by ID with the literal string "anID". You should be using the variable anID

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

answered Aug 10, 2017 at 14:35

Jamiec

136k15 gold badges143 silver badges202 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How do I set an image url from Javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related