Question

Difference between document.querySelectorAll() and this.context.element.querySelector()

Answer 1

document.querySelectorAll() will get you all matching elements in the entire document whereas this.context.element.querySelector() or this.context.element.getElementsByClassName() will limit your search to the elements defined or created inside the current coach view. This is useful to create custom controls which will not affect other instances of the control.