У меня есть страница, основанная на веб-компонентах.Я могу найти каждый пользовательский компонент по имени пользовательского тега, но когда я хочу получить дочерние элементы в консоли chrome devtools, у меня появляется пустой список (document.getElementsByTagName ('my-custom-component') [0] .children).В структуре HTML я вижу полную иерархию.Что я могу сделать, чтобы получить доступ к дочерним элементам элемента webComponent?
В приведенном ниже коде я могу получить элемент слота, но не могу получить значок молнии с помощью element.children.
<div class="slds-m-horizontal_xx-small slds-m-bottom_x-small" id="xxx"><slot <div class="slds-m-horizontal_xx-small slds-m-bottom_x-small" id="xxx">
<slot name="icon">
<lightning-icon c-app_app="" slot="icon" class="slds-icon-utility-edit slds-icon_container" id="sth2">
<lightning-primitive-icon>
<svg focusable="false" data-key="edit" aria-hidden="true" class="slds-icon slds-icon-text-default slds-icon_x-small">
<use xlink:href="/slds/2.8.3//assets/icons/utility-sprite/svg/symbols.svg#edit"></use>
</svg>
</lightning-primitive-icon>
</lightning-icon>
</slot>
<span class="slds-p-left_small">Edit the name and description of your component.</span>
</div>