Question

<script>
document.getElementById("comment").innerHTML="<?php echo 'foo bar'; ?>";
</script> 
<div id="comment"></div>

This should give the word “foo bar” in the div element,but its not.Do not know where i’m going wrong. Please help.

Answer 1

You are trying to use the comment element :

document.getElementById("comment").innerHTML="...";

Before it is declared :

<div id="comment"></div>

And firebug shows the following error :

   
_{(source: pascal-martin.fr)}

You should :

• First, create the element in your HTLM
• And, only after, use it :
  • Either by changing the order you are doing things in your code,
  • Or waiting until the HTML page is fully loaded to execute Javascript.

If you choose the first solution, your code will look like this :

<div id="comment"></div>
<script>
    document.getElementById("comment").innerHTML="<?php echo 'foo bar'; ?>";
</script> 

And it will work :

• The foo bar string will be visile
• And there won’t be any JS error anymore.

   
_{(source: pascal-martin.fr)}