getElement
getElement is very much just a shortcut to element.querySelector. By default, it will just proxy
through to document.querySelector.
It exists mainly as a convenience utility. It's shorter and quicker to write getElement compared
to document.querySelector. It also gives us some API parity with getElements. Having getElement and getElements is a nicer internal API compared to document.querySelector and getElements
Usage examples
Basic
- 2.0 Build
- 1.0 Build
const myElement = window.BAO.utils.getElement('.validCssSelector')
const myElement = getElement('.validCssSelector')
Within context
- 2.0 Build
- 1.0 Build
const header = window.BAO.utils.getElement('header')
const myElementWithinTheHeader = window.BAO.utils.getElement('.validCssSelector', { context: header })
const header = getElement('header')
const myElementWithinTheHeader = getElement('.validCssSelector', { context: header })