0

我有基于 Web 组件的页面。我可以通过自定义标签名称找到每个自定义组件，但是当我想在 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>
4

0 回答 0