4 ms·
QuerySelectorAll is widely supported and you can make your own shorthand for it. function $(query) { const result = document.querySelectorAll(query)
by xingyzt 7y ago
QuerySelectorAll is widely supported and you can make your own shorthand for it.
function $(query) {
const result = document.querySelectorAll(query)
if ( result ) {
if ( result.length > 1 ) {
return result
} else {
return result[0]
}
}
}
- bfred_it 7y agoI hope you don't use that since it randomly returns either an element or a list of elements, so you'd have to also add an if/else every time you use it. This is my go-to: const $ = document.querySelector.bind(document); const $$ = document.querySelectorAll.bind(document); Tip: browser consoles already have these shortcuts, except $$ returns an actual array there instead of a NodeList.