modify href link with document.getElementById

[frankpc]

Hello,

I need to dynamically modify a link based on a camera selection change. I am using this to detect the change:

document.getElementById('cam').innerHTML = camnum; //'camnum' ranges from 1 to 15.

I need for the result to append after "cam=" below:

<a href="http://fpc.cam.com/cam.html?rot=90&cam= [...<b id='cam'></b>.....]">click here</a>

Or perhaps:

document.write("<a href=\"http://fpc.cam.com/cam.html?rot=90&cam= [... + <b id='cam'></b> ...]\" ">click here</a>");

I found some other advice on this forum that came close, but it wasn't quite what I needed. Perhaps "document.getElementById" isn't applicable.

Would someone give me a hand here?
Thank you,
Frank

 

[Ken g6]

Well, first, the forum messed up your lines. Try unchecking the "Automatically parse links in text" checkbox. Code tags help too.

Now, despite not being able to see all your code, I'm pretty sure getElementById will get you where you need to be, or close enough that you can either look at .parentNode or .getElementsByTagName from there. Perhaps you want to modify the href property, rather than the innerHTML?

 

[PhatoseAlpha]

Assuming you already have a link on the page, it's as simple as:

document.getElementById("cam").href="New URL";

 

[frankpc]

Thank you folks.

I unchecked the Auto parse lines box. However, the lines look proper from my browser. Can't say I understand why.

It works! Thank you for the simple cure to my problem. I searched and worked on this for two days.

Great Forum!

Thanks again!

Frank