Getting DOM element value using pure JavaScript

Question

Is there any difference between these solutions   Solution 1    x000D   x000D  function doSomething id  value    x000D    console log value   x000D          x000D    x000D   lt input id  theId  value  test  onclick  doSomething this id  this value     gt  x000D   x000D   x000D       and Solution 2    x000D   x000D  function doSomething id    x000D    var value   document getElementById id  value  x000D    console log value   x000D          x000D    x000D   lt input id  theId  value  test  onclick  doSomething this id     gt  x000D   x000D   x000D

User · Accepted Answer

Yes  most notably  I don t think the second one will work  and if it does  not very portably   The first one should be OK      HTML   lt input id  theId  value  test  onclick  doSomething this     gt      JavaScript  function elem       var value   elem value      var id      elem id              This should also work   Update  the question was edited  Both of the solutions are now equivalent

User · Answer

Pass the object   doSomething this    You can get all data from object   function obj       var value   obj value      var id   obj id      Or pass the id only   doSomething this id    Get the object and after that value   function id       var value   document getElementById id  value

User · Answer

In the second version  you re passing the String returned from this id  Not the element itself   So id value won t give you what you want   You would need to pass the element with this   doSomething this    then   function el       var value   el value                Note  In some browsers  the second one would work if you did   window id  value    because element IDs are a global property  but this is not safe   It makes the most sense to just pass the element with this instead of fetching it again with its ID

User · Answer

The second function should have   var value   document getElementById id  value    Then they are basically the same function

User · Answer

There is no difference if we look on effect - value will be the same  However there is something more     Solution 3    x000D   x000D  function doSomething     x000D    console log  theId value    x000D    x000D   lt input id  theId  value  test  onclick  doSomething      gt  x000D   x000D   x000D    if DOM element has id then you can use it in js directly

[javascript] Getting DOM element value using pure JavaScript

Examples related to javascript

Examples related to get

Examples related to element