Is there a php echo print equivalent in javascript

Question

Say I want to print html from inside a script tag   A source like this   lt div gt foo lt  div gt   lt script gt  print   lt div gt Print this after the script tag lt  div gt      lt  script gt   lt div gt bar lt  div gt    should look something like this in browser after the script has run   lt div gt foo lt  div gt   lt script gt  print   lt div gt Print this after the script tag lt  div gt      lt  script gt   lt div gt Print this after the script tag lt  div gt   lt div gt bar lt  div gt    I could write my own code for this purpose but since this looks to me like a very simple problem  I m guessing either I ve missed something or my thinking is flawed in some way and printing is left out intentionally   Also  somewhat related  I d like to know if a script is  or can be made  aware of the script tags surrounding it  With this information it would be much easier to find the position for the printed html code to be injected into  assuming it s not highly discouraged   To clarify  I don t need you to write a print function for me  I only need to know if a native method to achieve this exists and I ve missed it or alternatively the reason it shouldn t be done   EDIT I realized that I didn t think the question through   I got my facts straight and now almost everything seems to be working  I should ve originally mentioned that the print function was needed inside templates - I m working on a template engine experiment  I managed to work it out by separating scripts from plain html and concatenating the split html sans scripts with script output   As I was writing the code I noticed that everything wouldn t go so smooth because of the asynchronous nature of js  I guess I was expecting to be able to do any kind of js magic in templates  just like I could in php  Seems like actually supporting async code in a fool-proof manner inside templates will require some more thought

User · Accepted Answer

You need to use document write     lt div gt foo lt  div gt   lt script gt  document write   lt div gt Print this after the script tag lt  div gt      lt  script gt   lt div gt bar lt  div gt    Note that this will only work if you are in the process of writing the document   Once the document has been rendered  calling document write   will clear the document and start writing a new one   Please refer to other answers provided to this question if this is your use case

User · Answer

From  w3school s page on JavaScript output   JavaScript can  quot display quot  data in different ways  Writing into an alert box  using window alert    Writing into the HTML output using document write    Writing into an HTML element  using innerHTML  Writing into the browser console  using console log

User · Answer

You can use  function echo content          var e   document createElement  p        e innerHTML   content      document currentScript parentElement replaceChild document currentScript  e       which will replace the currently executing script who called the echo function with the text in the content argument

User · Answer

this is an another way    lt html gt   lt head gt       lt title gt Echo lt  title gt       lt style type  text css  gt       result          border  1px solid  000000          min-height  250px          max-height  100           padding  5px          font-family  sans-serif          font-size  12px             lt  style gt       lt script type  text javascript  lang  ja  gt      function start            function echo text               lastResultAreaText   document getElementById  result   innerHTML              resultArea   document getElementById  result                if lastResultAreaText                       resultArea innerHTML text                            else                  resultArea innerHTML lastResultAreaText   lt  br gt   text                                   echo  Hello World                    lt  script gt   lt  head gt   lt body onload  start    gt   lt pre id  result  gt  lt  pre gt    lt  body gt

User · Answer

You can use document write  however it s not a good practice  it may clear the entire page depends on when it s being executed    You should use Element innerHtml like this    lt div gt foo lt  div gt   lt span id  insertHere  gt  lt  span gt   lt div gt bar lt  div gt    lt script gt  document getElementById  insertHere   innerHTML     lt div gt Print this after the script tag lt  div gt     lt  script gt

User · Answer

We would create our own function in js like echo  Hello world    function echo     s      rest operator        for var i   0  i  lt  s length  i            document write s i             quotes for space                  Now call to this function like echo   echo  Hellow    World      Note        rest operator dotes for access more parameters in one as object array  to get value from object array we should iterate the whole object array by using for loop  like above and s is name i just kept you can write whatever you want

User · Answer

element   html   lt h1 gt TEXT TO INSERT lt  h1 gt       or     element   text  TEXT TO INSERT

User · Answer

You can use document write or even console write  this is good for debugging    But your best bet and it gives you more control is to use DOM to update the page

User · Answer

usage  log  inside coolFunc  this arguments      http   paulirish com 2009 log-a-lightweight-wrapper-for-consolelog  window log   function      log history   log history             store logs to an array for reference   log history push arguments     if this console       console log  Array prototype slice call arguments              Using window log will allow you to perform the same action as console log  but it checks if the browser you are using has the ability to use console log first  so as not to error out for compatibility reasons  IE 6  etc

[javascript] Is there a php echo/print equivalent in javascript

Examples related to javascript

Examples related to echo