How to insert text in a td with id using JavaScript

Question

I know it may be a simple thing  but I can t figure out  I am trying to insert some text coming from a JavaScript function onload event into a td    lt html gt    lt head gt     lt script type  text javascript  gt     function insertText                  function to insert any text on the td with id  td1          lt  script gt    lt  head gt    lt body onload  javascript insertText    gt     lt table gt      lt tr gt       lt td id  td1  gt       lt  td gt      lt  tr gt     lt  table gt    lt  body gt   lt  html gt    Any help

User · Accepted Answer

lt html gt    lt head gt   lt script type  text javascript  gt  function insertText          document getElementById  td1   innerHTML    Some text to enter      lt  script gt   lt  head gt    lt body onload  insertText     gt       lt table gt           lt tr gt               lt td id  td1  gt  lt  td gt           lt  tr gt       lt  table gt   lt  body gt   lt  html gt

User · Answer

There are several options    assuming you found your TD by var td   document getElementyById  myTD ID    you can do    td innerHTML    mytext   td textContent   mytext   td innerText   mytext    - this one may not work outside IE  Not sure Use firstChild or children array as previous poster noted    If it s just the text that needs to be changed  textContent is faster and less prone to XSS attacks  https   developer mozilla org en-US docs Web API Node textContent

User · Answer

If your  lt td gt  is not empty  one popular trick is to insert a non breaking space  amp nbsp  in it  such that     lt td id  td1  gt  amp nbsp  lt  td gt    Then you will be able to use    document getElementById  td1   firstChild data    New Value     Otherwise  if you do not fancy adding the meaningless  amp nbsp you can use the solution that Jonathan Fingland described in the other answer

User · Answer

append a text node as follows  var td1   document getElementById  td1    var text   document createTextNode  some text    td1 appendChild text

User · Answer

Use jQuery  Look how easy it would be if you did   Example       td1   html  hello world

[javascript] How to insert text in a td with id, using JavaScript

Examples related to javascript

Examples related to html