Add `root` parameters for query functions
This commit is contained in:
parent
13dcdd8237
commit
9592715507
Binary file not shown.
14
package.json
14
package.json
|
@ -1,6 +1,6 @@
|
||||||
{
|
{
|
||||||
"name": "@fwdekker/template",
|
"name": "@fwdekker/template",
|
||||||
"version": "2.6.0",
|
"version": "2.7.0",
|
||||||
"description": "The base template for pages on fwdekker.com.",
|
"description": "The base template for pages on fwdekker.com.",
|
||||||
"author": "Florine W. Dekker",
|
"author": "Florine W. Dekker",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
|
@ -27,17 +27,17 @@
|
||||||
"normalize.css": "^8.0.1"
|
"normalize.css": "^8.0.1"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"grunt": "^1.4.1",
|
"grunt": "^1.5.3",
|
||||||
"grunt-cli": "^1.4.3",
|
"grunt-cli": "^1.4.3",
|
||||||
"grunt-contrib-clean": "^2.0.0",
|
"grunt-contrib-clean": "^2.0.1",
|
||||||
"grunt-contrib-cssmin": "^4.0.0",
|
"grunt-contrib-cssmin": "^4.0.0",
|
||||||
"grunt-contrib-watch": "^1.1.0",
|
"grunt-contrib-watch": "^1.1.0",
|
||||||
"grunt-focus": "^1.0.0",
|
"grunt-focus": "^1.0.0",
|
||||||
"grunt-webpack": "^5.0.0",
|
"grunt-webpack": "^5.0.0",
|
||||||
"ts-loader": "^9.2.8",
|
"ts-loader": "^9.3.1",
|
||||||
"ts-node": "^10.7.0",
|
"ts-node": "^10.7.0",
|
||||||
"typescript": "^4.6.3",
|
"typescript": "^4.7.4",
|
||||||
"webpack": "^5.70.0",
|
"webpack": "^5.74.0",
|
||||||
"webpack-cli": "^4.9.2"
|
"webpack-cli": "^4.10.0"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -10,20 +10,22 @@ const stringToHtml = function(string, query) {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Alias for `document.querySelector`.
|
* Alias for `root.querySelector(query)`.
|
||||||
*
|
*
|
||||||
* @param q {string} the query string
|
* @param query {string} the query string
|
||||||
* @returns {HTMLElement} the element identified by the query string
|
* @param root {HTMLElement} the element to start searching in, or `undefined` if searching should start in `document`
|
||||||
|
* @returns {HTMLElement} the element identified by `query` in `root`
|
||||||
*/
|
*/
|
||||||
const $ = q => document.querySelector(q);
|
const $ = (query, root) => root === undefined ? document.querySelector(query) : root.querySelector(query);
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Alias for `document.querySelectorAll`.
|
* Alias for `root.querySelectorAll(query)`.
|
||||||
*
|
*
|
||||||
* @param q {string} the query string
|
* @param query {string} the query string
|
||||||
* @returns {NodeListOf<HTMLElement>} the elements identified by the query string
|
* @param root {HTMLElement} the element to start searching in, or `undefined` if searching should start in `document`
|
||||||
|
* @returns {NodeListOf<HTMLElement>} the elements identified by `query` in `root`
|
||||||
*/
|
*/
|
||||||
const $a = q => document.querySelectorAll(q);
|
const $a = (query, root) => root === undefined ? document.querySelectorAll(query) : root.querySelectorAll(query);
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Runs the given function once the page is loaded.
|
* Runs the given function once the page is loaded.
|
||||||
|
|
Loading…
Reference in New Issue