<!-- Template to be transformed into Shadow DOM --> <template> <a href="" class="button">Button</a> <script> document.querySelectorAll('.button'); // Document is global, but how to reference current Shadow DOM document? </script> <template>