我将如何实现自定义元素API,例如:
<swiper-slider>
<slide background="http://lorempixel.com/output/people-q-c-640-480-9.jpg"></slide>
<slide>JUST TEXT!</slide>
</swiper-slider>
在聚合物?我似乎无法弄清楚如何使用 JavaScript 检查是否已在slide
节点上设置background
或如何使用该属性。
我得到的最接近的是data-background="..."
nodes[ i ].dataset.background
节点nodes = this.$.content.getDistributedNodes()
。
非常感谢任何见解,特别是如果结论是这是不可能的!
只需遍历子节点并检查元素:
...
ready: function() {
for(var i = 0; i < this.childNodes.length; i++) {
var element = this.childNodes[i];
if(element.tagName == "SLIDE") {
switch(true) {
// Credit here goes to John Smith, btw!
case element.hasAttribute("background"):
var background = element.getAttribute("background");
break;
default:
break;
}
}
}
...