Change text in an HTML document and passing php variable to javascript.

To change text in an html document or web page, we can use javascript.

If we were using php to echo the html then unfortunately, once the echo is done, the html is created so to speak and it's no longer possible to change or update it.

But, we can use javascript, as per the example below, where the 1st line could be high up on the page and would display old text and once the script below runs, this old text would be changed to new text.

This can of course be done by embedding php echo statements to include variables, which is also a way of passing a variable from php to javascript.



<p align="left" id="id1">old text</p>


<script>
document.getElementById("id1").innerHTML = "new text";
</script>

OR

<script>
document.getElementById("dt").innerHTML = "<?php echo $someVar ?>";
</script>