Javascript 使用web组件访问子元素列表

我试图定义一些web组件，比如

<my-parent>
  <my-child></my-child>
  <my-child></my-child>
</my-parent>

但是

child.render（）

打印

[对象阴影根]

我知道

slot

s，但它们似乎不允许访问内部元素列表并更改其渲染

---

有什么方法可以做到这一点吗？

我的父级

只能在解析整个元素后访问其（轻）DOM<代码>我的孩子控制它的渲染方式。你想阻止吗？每个

my child

都呈现自己是可以的。我只想在各种

my child

元素之间添加内容。只有在FireFox中，您才能在

connectedCallback

中访问元素DOM。标准做法是在回调中添加一个

setTimeout

，以等待事件循环清除并且所有（元素）DOM就绪。因此，子对象将进行渲染，您可以像在常规DOM中一样“添加内容”。如果需要在元素之间插入内容，请使用

.insertAdjacentHTML

。