Why can’t I directly assign document.getElementById to a different function?

by

The problem is that of context. When you fire an object’s function, it is fired with the object as the value of this (unless you specify otherwise). g = document.getElementById puts the function getElementById into the variable g, but doesn’t set the context.

Therefore, when you run g(someId), there is no context on which the function can run. It is run with the global object window as the value of this, and that doesn’t work. (To be precise, it doesn’t work because you could be operating with any document object, not just window.document, and you haven’t specified one.)

You could get around this with call, where you set the context:

g.call(document, someId);

However, this isn’t an improvement over the original!

More Related Contents:

  1. Running python on client side
  2. Javascript object literal: what exactly is {a, b, c}?
  3. Promise – is it possible to force cancel a promise
  4. Include jQuery in the JavaScript Console
  5. Iterate through object properties
  6. Palindrome check in Javascript
  7. Getting the return value of Javascript code in Selenium
  8. Expose jQuery to real Window object with Webpack
  9. getElementById() returns null even though the element exists [duplicate]
  10. JavaScript KeyCode vs CharCode
  11. How to split comma separated string using JavaScript? [duplicate]
  12. How can I control the back button event in jQuery Mobile?
  13. Communicate between scripts in the background context (background script, browser action, page action, options page, etc.)
  14. How to make a shared state between two react components?
  15. Angular 2.1.0 create child component on the fly, dynamically
  16. What’s the purpose of starting semi colon at beginning of JavaScript? [duplicate]
  17. What is the most efficient way to reverse an array in Javascript?
  18. Concatenate two JSON objects
  19. Why are await and async valid variable names?
  20. How to resize html canvas element?
  21. Opening new window in HTML for target=”_blank”
  22. Where should functions in function components go?
  23. Convert Date from one format to another format in JavaScript
  24. How do I connect this interval service to a view?
  25. Large dynamically sized html table with a fixed scroll row and fixed scroll column
  26. Regular expression for not allowing spaces in the input field
  27. Do you know what may cause memory leaks in JavaScript?
  28. Which types of queues are in event loop?
  29. angular 2 access ng-content within component
  30. Keeping history of hash/anchor changes in JavaScript

Leave a Comment