document.getElementById - Learning Javascript

**Erebus** · 09-18-2012, 11:08 AM

Hello,

I'm trying to learn Javascript and im obviosly having some difficulties with the document.getElementById to replace HTML. In the real page there is a function to determine the variable for streama based on the URL etc etc... but the function works perfectly so i have simplified it for the sake of this issue to just defining the variable. Despite all the tutorials and examples i can find I cant see to see the problem with the way i wrote this... the current output is the following...

Watch live video from No Stream on www.twitch.tv
theerebus

As you can probly tell by the script the intene

Watch live video from theerebus on www.twitch.tv
theerebus

Code:

<!DOCTYPE html>
<html>
<body>

<script>
var streama = "theerebus";
document.getElementById("stream1").href="http://www.twitch.tv/";
document.getElementById("s").innerHTML="Watch live video from " + streama + " on www.twitch.tv";
</script>

<a href="http://www.twitch.tv/Nostream" class="trk" id="s" style="padding:2px 0px 4px; display:block; width:345px; font-weight:normal; font-size:10px; text-decoration:underline; text-align:center;">Watch live video from No Stream on www.twitch.tv</a>

<script>
document.write(streama);
</script>

</body>
</html>

**NoEffinWay** · 09-18-2012, 12:47 PM

Your Javascript is executing before the element you want it to modify is even loaded.

Put your JS at the end of you HTML or make it a function ond do an onload event on the body.

**MrSnowDrop** · 09-19-2012, 04:20 AM

Two things:

- i don't see the "stream1" ID declared in your example, remember to declare it in the HTML element envolved;

- the correct JS syntax to handle 'href' is:
document.getElementById('someID').location.href='somevalue'

Hope that will help someway ;-)

Thread: document.getElementById - Learning Javascript

Thread Tools

Display

document.getElementById - Learning Javascript

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions