Javascript 聚合物核心标签和核心复选框动态

我试图用javascript生成一个

核心标签
元素列表

在documentation（）中写到，我可以在
核心标签
内的输入元素中为
添加属性
，以连接它们

如果我像这样对其进行静态编码，则有可能：

<core-label>
     <core-image></core-image>
     <paper-checkbox for></paper-checkbox>
     <span>Text</span>
</core-label>

谁能告诉我，怎么了？
你所做的应该有用。我想知道您是否因为脚本在应用程序的更大上下文中执行的方式而遇到了时间问题。但这里有一个功能相当的代码片段可以完成这项工作：



通过标记创建
var corelab=document.createElement（'core-label'）；
var paperCheckbox=document.createElement（'paper-checkbox'）；
paperCheckbox.setAttribute（'for'，''）；
var text=document.createElement（'span'）；
text.textContent='通过JavaScript创建'；
coreLabel.appendChild（paperCheckbox）；
corelab.appendChild（文本）；
document.querySelector（“#container”）.appendChild（coreLabel）；
我以前没有使用repeat，但它工作得很好，看起来好多了。非常感谢。
    var catLayout = document.createElement("core-label");
    var img = document.createElement("core-image");
    var chk = document.createElement("paper-checkbox");
    chk.setAttribute("for","");
    var label = document.createElement("span");
    var labelcontent = document.createTextNode("text");
    label.appendChild(labelcontent);
    catLayout.appendChild(img);
    catLayout.appendChild(chk);
    catLayout.appendChild(label);