Javascript 在聚合物中向自定义元素动态添加新元素

我正在编写一个聚合应用程序，服务器将根据请求返回图像文件名。可能会返回1个或2个图像文件。我想将动态生成的iron图像元素添加到阴影dom中。我可以检查是否添加了iron图像元素，但图像没有显示。怎么了？
“test3.png”已与html文件位于同一位置

<link rel="import" href="bower_components/polymer/polymer.html">
<link rel="import" href="bower_components/paper-styles/paper-styles.html">
<link rel="import" href="bower_components/iron-image/iron-image.html">
<link rel="import" href="bower_components/paper-spinner/paper-spinner.html">

<dom-module id="iron-image_test-element">   
<style is="custom-style">
    paper-spinner               { display: block; position: fixed; top:50%; left:50%; margin-top: 0px; margin-left: 0px; }
</style>

<template>
    <paper-spinner id="spinner"></paper-spinner>
</template>

<script>

    Polymer({
        is: "iron-image_test-element",

        ready: function() {

            //Remove server call back for simplicity
            var img = document.createElement("iron-image");
            img.setAttribute("src", "test3.png");
            img.setAttribute("sizing", "contain");
            img.setAttribute("class", "preload fade");
            img.style.width = "400px";
            img.style.height = "400px";

            Polymer.dom(this.root).appendChild(img);
            Polymer.dom(this.root).flush(); 
        }

    });

</script>

纸张微调器{显示：块；位置：固定；顶部：50%；左侧：50%；页边距顶部：0px；页边距左侧：0px；}
聚合物({
is:“iron-image_测试元素”，
就绪：函数（）{
//为简单起见，请删除服务器回调
var img=document.createElement（“铁图像”）；
setAttribute（“src”、“test3.png”）；
img.setAttribute（“大小”、“包含”）；
img.setAttribute（“类”、“预加载衰减”）；
img.style.width=“400px”；
img.style.height=“400px”；
Polymer.dom（this.root）.appendChild（img）；
Polymer.dom（this.root.flush（）；
}
});

---

使用img.src，这样可以访问绑定组件属性，而不是html元素属性

下面是您的示例，该示例有所扩展，还向元素外部的世界公开了src属性：

更多信息，请参阅