动态插入内容标记

Question

我想动态使用<content>标签（按需）。

实施例

父：

<parent>
    <child>
        <grand-child></grand-child>
    </child>
<parent>

子：

<child>
    <content></content>
</child>

上面的层次结构会将大孩子放在孩子身上，但我想动态插入父母提供的内容。

例如：

1. Grand Parent是一个标签
2. 孩子是一张桌子
3. Grand Child是一张图表

点击表格的行我想显示该行下方的图表。但必须从选项卡传递元素的类型。

有没有办法实现这个目标？

我尝试了什么：

1. 在行点击事件处理程序上使用document.createElement("content");动态创建内容标记。这会创建内容标记，但不会创建其内容。我想这只会在模板渲染时才可用。