如何访问用于css样式的shadowRoot(Polymer1.0)

时间:2015-06-03 00:49:12

标签: polymer

在Polymer0.5中我可以做类似的事情:

domReady: function(){
    print(this.shadowRoot);
}

哪个会打印出shadowRoot中的html。

当我在Polymer1.0中做同样的事情时:

ready: function(){
    print(this.shadowRoot);
}

输出为null

更具体地说,我曾经通过执行以下操作来访问元素css属性:

$(this.shadowRoot).find('.some-class').css('height', amount + 'px');

但是我很难在Polymer1.0中找到如何做到这一点,因为shadowRoot是null。

1 个答案:

答案 0 :(得分:1)

感谢jdepypere提示。事实证明,所有样式属性都在node属性的style属性中。

所以调整高度:

Polymer.dom(this.$.scrollArea).node.style.height = '100px';