22 lines
668 B
TypeScript
22 lines
668 B
TypeScript
// These utility functions mainly exist so it's easier to work with TypeScript's
|
|
// typing and so we don't have to write `document.query...` all the time.
|
|
|
|
/**
|
|
* Get the first element found that matches the selector. Only use this when you
|
|
* know for certain that the target element exists.
|
|
*/
|
|
export function querySelector<T extends Element>(selector: string): T {
|
|
return document.querySelector(selector)!;
|
|
}
|
|
|
|
/**
|
|
* Get all elements found from all the given selectors.
|
|
*/
|
|
export function querySelectorAll<T extends Element>(
|
|
...selectors: string[]
|
|
): T[] {
|
|
return selectors.flatMap((selector) =>
|
|
Array.from(document.querySelectorAll(selector)),
|
|
);
|
|
}
|