我有一个聚合物元素,在其
Javascript中我试图找到它的宽度和高度,因为它在DOM内.我尝试了很多方法,但我总是回来0.
解决方法
……这是适合我的那个：
将Polymer.IronResizableBehavior行为添加到元素中(请参阅https://elements.polymer-project.org/elements/iron-resizable-behavior).然后当你的元素变大时,你的元素将被发送一个铁调整大小的事件.在处理程序中,检查它是否不为0;如果没有,你就是金色的.
未经测试的代码如下：
<dom-module id="hard-chicken">
<template>
Hello <span>{{name}}</span>
</template>
</dom-module>
<script>
Polymer({
is: 'hard-chicken',behaviors: [ Polymer.IronResizableBehavior ],listeners: { "iron-resize": "onWidthChange" },onWidthChange: function() {
var w = this.offsetWidth;
if (w > 0)
console.log("width is now ",w);
}
});
</script>
这花了太长时间才弄明白……
