如何在聚合物元件的JS内获得聚合物元件的宽度

前端之家收集整理的这篇文章主要介绍了如何在聚合物元件的JS内获得聚合物元件的宽度前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个聚合物元素,在其 Javascript中我试图找到它的宽度和高度,因为它在DOM内.我尝试了很多方法,但我总是回来0.

解决方法

……这是适合我的那个:

将Polymer.IronResizableBehavior行为添加到元素中(请参阅https://elements.polymer-project.org/elements/iron-resizable-behavior).然后当你的元素变大时,你的元素将被发送一个铁调整大小的事件.在处理程序中,检查它是否不为0;如果没有,你就是金色的.

未经测试的代码如下:

  1. <dom-module id="hard-chicken">
  2. <template>
  3. Hello <span>{{name}}</span>
  4. </template>
  5. </dom-module>
  6. <script>
  7. Polymer({
  8. is: 'hard-chicken',behaviors: [ Polymer.IronResizableBehavior ],listeners: { "iron-resize": "onWidthChange" },onWidthChange: function() {
  9. var w = this.offsetWidth;
  10. if (w > 0)
  11. console.log("width is now ",w);
  12. }
  13. });
  14. </script>

这花了太长时间才弄明白……

猜你在找的JavaScript相关文章