Making a short alias for document.querySelectorAll

by

This seems to work:

const queryAll = document.querySelectorAll.bind(document);

bind returns a new function which works identically to the querySelectorAll function, where the value of this inside the querySelectorAll method is bound to the document object.

The bind function is only supported in IE9+ (and all the other browsers) – https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Function/bind

Update: In fact you could create shortcuts to a whole range of document methods like this:

const query = document.querySelector.bind(document);
const queryAll = document.querySelectorAll.bind(document);
const fromId = document.getElementById.bind(document);
const fromClass = document.getElementsByClassName.bind(document);
const fromTag = document.getElementsByTagName.bind(document);

More Related Contents:

  1. Javascript native sort method code
  2. What does “this” refer to in arrow functions in ES6?
  3. JavaScript variable number of arguments to function
  4. Origin null is not allowed by Access-Control-Allow-Origin
  5. How to debug JavaScript / jQuery event bindings with Firebug or similar tools?
  6. What is the correct terminology for javascript promises
  7. Why does forms with single input field submit upon pressing enter key in input
  8. Accessing Variables from Greasemonkey to Page & vice versa
  9. Retrieving HTML5 video duration separately from the file
  10. How to split a long regular expression into multiple lines in JavaScript?
  11. Is localStorage.getItem(‘item’) better than localStorage.item or localStorage[‘item’]?
  12. Is there a way to check if the react component is unmounted?
  13. What is the dollar sign in Javascript, if not jQuery
  14. JS/ES6: Destructuring of undefined
  15. Encryption in JavaScript and decryption with PHP
  16. In Android Webview, am I able to modify a webpage’s DOM?
  17. Redux – multiple stores, why not?
  18. How to convert HTML to JSON using PHP?
  19. Should I use semicolons in JavaScript? [duplicate]
  20. How to disable Paste (Ctrl+V) with jQuery?
  21. How can I round down a number in Javascript?
  22. jQuery Event Handler created in loop
  23. Creating Drop Down Menu on click CSS
  24. Path aliases for imports in WebStorm
  25. Catch scrolling event on overflow:hidden element
  26. Import ES module in Next.js ERR_REQUIRE_ESM
  27. How to mock React component methods with jest and enzyme
  28. How to sum elements at the same index in array of arrays into a single array?
  29. Angular.js: Is .value() the proper way to set app wide constant and how to retrieve it in a controller
  30. Can I prevent history.popstate from triggering on initial page-load?

Leave a Comment