javascript show variable in html

Question

I'm trying to make a money display for a form which I am making, now I found this script on the web: http://jsfiddle.net/QQGfc/ And I'm trying to implement it into my code like this: (but it's not displaying the text.)

</script>

<script type="text/javascript">
document.getElementById("MyEdit").innerHTML = "My new text!";
</script>

With this in the body

<?php
include'includes/header.php'; 
include'includes/slider.php'; //carousel
?>


<h2>Contact Information</h2>


<div id="MyEdit">
    This text will change
</div>

Ay idea whats going wrong?

In how far is the code snippet you posted similar to the fiddle you referenced? — Tobias
– Tobias, Commented Feb 10, 2014 at 21:06
You need to include your script element below your myEdit DIV. Or, use document.onready or window.onload to execute the script when the document is ready. — Harvey A. Ramer
– Harvey A. Ramer, Commented Feb 10, 2014 at 21:06

Quentin · Accepted Answer · 2014-02-10 21:06:14Z

6

You imply that the JavaScript is in the <head>.

When it runs, the <body> hasn't been parsed, so the element you are trying to modify does not exist.

Either:

Move the script to after the <div> you are trying to modify.
Wrap the script in a function and call that function after the <div> exists (e.g. by binding it as a load event handler).

answered Feb 10, 2014 at 21:06

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

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

4 Comments

Coolcrab Over a year ago

I'm still new to this language :P Had no idea that it had to be below! Thanks a lot. :)

Coolcrab Over a year ago

Hmm does this work with variables which I declared before? I want to diplay the value of the money.

Quentin Over a year ago

The value of what? There's nothing about "the money" in the question. You might want to try-it-and-see and then ask another question if you don't get the results you expect.

Coolcrab Over a year ago

The result is great, just asking a followup :P I'm trying to display a variable in the div. The variable is defined in the head above price = 150 so I'd like it to say "150"

Mehran Hatami · Accepted Answer · 2014-02-10 21:16:33Z

0

you should do it after the DOM is completely loaded:

<script type="text/javascript">
    window.addEventListener("load", function(){
        document.getElementById("MyEdit").innerHTML = "My new text!";
    });
</script>

answered Feb 10, 2014 at 21:16

Mehran Hatami

13k6 gold badges31 silver badges36 bronze badges

Collectives™ on Stack Overflow

javascript show variable in html

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related