我的主页上有几张图片。我正在使用聚合物铁图像。
<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("images/img6.jpg"); 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("images/img6.jpg"); 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。我想知道我能做些什么。
答案 0 :(得分:0)
很遗憾,您无法修改这些ID,因为它们已在<iron-image>
内部使用。许多Polymer元素在其模板中使用ID,因此您最终会遇到另一个此类实例。