Question

Here I have a link:

<a id="downloadLink">Donwload Link</a>

And a JavaScript function:

function ac(){document.getElementById('downloadLink').href = "CS352ProjectProposalRequirements.pdf";}

However when I call the function it doesn’t work. It gives an error:

Cannot change the property of null “href”

How can I dynamically change the href of a link?

Answer 1

I believe you’re getting an error because href is not initially defined in your link. If you give it a default value initially (e.g. – #), you can change it later with JS.