如何更改聚合物生成的图像ID铁图像

时间:2016-06-26 09:43:49

标签: polymer web-component

我的主页上有几张图片。我正在使用聚合物铁图像。

    <iron-image style="width:100%; height:150px;" background-color:="" lightgray;"="" preload="" fade="" sizing="cover" src="images/img6.jpg" alt="Jaxworks" id="img6" class="x-scope iron-image-0">

  **<div id="sizedImgDiv"** role="img" class="style-scope iron-image" aria-label="Jaxworks" style="background-image: url(&quot;images/img6.jpg&quot;); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;"></div>
        **<img id="img" class="style-scope iron-image" alt="Jaxworks" src="images/img6.jpg" hidden="">**
        **<div id="placeholder" class="faded-out style-scope iron-image" style="background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;"></div>**
      </iron-image>

我有大约10张动态生成的图片。事情是每个铁图像生成的img都与 img(id=img)(<img id="img" class="style-scope iron-image" alt="Jaxworks" src="images/img6.jpg" hidden="">) 相同。

`<div id="sizedImgDiv"** role="img" class="style-scope iron-image" aria-label="Jaxworks" style="background-image: url(&quot;images/img6.jpg&quot;); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;"></div>`


<div id="placeholder" class="faded-out style-scope iron-image" style="background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;"></div>

我不想重复的IDS。我想知道我能做些什么。

1 个答案:

答案 0 :(得分:0)

很遗憾,您无法修改这些ID,因为它们已在<iron-image>内部使用。许多Polymer元素在其模板中使用ID,因此您最终会遇到另一个此类实例。