Polymer({
is: 'cat-element',
_says: 'meow',
speak: function() {
console.log(this._says);
}
});
使用方法：
var cat1 = document.querySelector('cat-element');
cat1.speak();
var cat2 = document.createElement('cat-element');
cat2.speak();绑定css或class属性：
Class and attribute manipulation
-
toggleClass(name, bool, [node]). Toggles the named boolean class on the host element, adding the class ifboolis truthy and removing it ifboolis falsey. Ifnodeis specified, sets the class onnodeinstead of the host element. -
toggleAttribute(name, bool, [node]). LiketoggleClass, but toggles the named boolean attribute. -
attributeFollows(name, newNode, oldNode). Moves a boolean attribute fromoldNodetonewNode, unsetting the attribute (if set) onoldNodeand setting it onnewNode. -
classFollows(name, newNode, oldNode). Moves a class fromoldNodetonewNode, removing the class (if present) onoldNodeand adding it tonewNode
CSS transforms
-
transform(transform, [node]). Applies a CSS transform to the specified node, or host element if no node is specified.transformis specified as a string. For example:this.transform('rotateX(90deg)', this.$.myDiv); -
translate3d(x, y, z, [node]). Transforms the specified node, or host element if no node is specified. For example:this.translate3d('100px', '100px', '100px');
