полимерный ограничивающий запросSlector to shadow dom с встроенным шаблоном

Question

Я пытаюсь ограничить querySelector элементами с теневым dom, созданным шаблоном, с основной линией моей веб-страницы. Вот фрагмент из того, что я хочу сделать:

<template id="userForm" is="auto-binding"> 
     <div id=contents> 
      <my-element id='myElement> 
     </div> 
</template> 
<script> 
var userForm = document.querySelector('#userForm'); 

Теперь я хотел бы иметь возможность сделать что-то вроде:

var myElement = userForm.querySelector('#myElement'); 

или

var myElement = userForm.$.contents.querySelector('#myElement'); 

Но ни одна из этих работ. Если шаблон содержатся в пользовательском элементе я мог бы использовать:

this.$.contents.querySelector('#myElement); 

Все это в помощь убедившись, что я не; выбрать элемент с тем же идентификатором вне шаблона.

Кто-нибудь знает, как это осуществить?

Answer 1

Я могу ошибаться, но я думаю, что все, что вам нужно сделать, это

yourElement.shadowRoot.querySelector("#yourId");