Javascript viewing object HTMLInputElement

Question

I m just started to learn HTML  Doing an alert   on one of my variables gives me this result  object HTMLInputElement    How to get the data  that were  added in text field  where my input type is text

User · Accepted Answer

Say your variable is myNode  you can do myNode value to retrieve the value of input elements   Firebug has a  DOM  tab which shows useful DOM attributes   Also see the mozilla page for a reference  https   developer mozilla org en-US docs DOM HTMLInputElement

User · Answer

When you get a value from client make and that a value for example   var current text   document getElementById  user text   value          var http   new XMLHttpRequest            http onreadystatechange   function                   if  http readyState    4  amp  amp   http status    200                    var response   http responseText                document getElementById  server response   value   response                  console log response value

User · Answer

change      input text   change function         var value    input text   val        alert value         to     input text   change function         var value    input type text  selector   val        alert value         note  selector id class

User · Answer

lt input type  text    gt   lt script gt     input text   change function         var value    input text   val        alert value        lt  script gt    use  val   to get value of the element  jquery method      input text   this selector to select your input   change   to bind an event handler to the  change  JavaScript event

User · Answer

If the element is an  lt input type  text  gt   you should query the value attribute    alert element value     See an example in this jsFiddle   Also  and seeing you re starting to learn HTML  you might consider using console log   instead of alert   for debugging purposes  It doesn t interrupt the execution flow of the script  and you can have a general view of all logs in almost every browser with developer tools  except that one  obviously     And of course  you could consider using a web development tool like Firebug  for instance  which is a powerful addon for Firefox that provides a lot of functionalities  debugging javascript code  DOM inspector  real-time DOM CSS changes  request monitoring

User · Answer

It s not because you are using alert  it will happen when use document write   too  This problem generally arises when you name your id or class of any tag as same as any variable which you are using in you javascript code  Try by changing either the javascript variable name or by changing your tag s id class name   My code example  bank html   lt  doctype html gt   lt html gt   lt head gt       lt title gt Transaction Tracker lt  title gt       lt script src  bank js  gt  lt  script gt    lt  head gt       lt body gt           lt div gt  lt button onclick  bitch    gt Press me  lt  button gt  lt  div gt       lt  body gt   lt  html gt    Javascript code  bank js  function bitch    amt   0  var a   Math random    ran   Math floor a   100   return ran     function all    amt   amt   bitch    document write amt           setInterval all 2000       you can have a look and understand the concept from my code  Here i have used a variable named  amt  in JS  You just try to run my code  It will work fine but as you put an  id  amt   without square brackets   which is a variable name in JS code  for div tag in body of html you will see the same error that you are talking about  So simple solution is to change either the variable name or the id or class name

[javascript] Javascript, viewing [object HTMLInputElement]

Examples related to javascript

Examples related to html