How can get the text of a div tag using only javascript no jQuery

Question

I tried this but showing  undefined    function test     var t   document getElementById  superman   value  alert t       Is there any way to get the value using simple Javascript no jQuery Please

User · Answer

You can use innerHTML then parse text from HTML  or use innerText    let textContentWithHTMLTags   document querySelector  div   innerHTML   let textContent   document querySelector  div   innerText   console log textContentWithHTMLTags  textContent     innerHTML and innerText is supported by all browser except FireFox  lt  44  including IE6

User · Answer

Actually you dont need to call document getElementById   function to get access to your div    You can use this object directly by id   text   test textContent    test innerText  alert text

User · Answer

Because textContent is not supported in IE8 and older  here is a workaround   var node   document getElementById  test    var text    node textContent    node innerText  alert text     innerText does work in IE

User · Answer

You ll probably want to try textContent instead of innerHTML   Given innerHTML will return DOM content as a String and not exclusively the  text  in the div  It s fine if you know that your div contains only text but not suitable if every use case  For those cases  you ll probably have to use textContent instead of innerHTML  For example  considering the following markup    lt div id  test  gt    Some  lt span class  foo  gt sample lt  span gt  text   lt  div gt    You ll get the following result   var node   document getElementById  test     htmlContent   node innerHTML     htmlContent    Some  lt span class  foo  gt sample lt  span gt  text    textContent   node textContent     textContent    Some sample text     See MDN for more details    textContent innerHTML

[javascript] How can get the text of a div tag using only javascript (no jQuery)

Examples related to javascript

Examples related to html