如何访问shadowRoot进行css样式设置(Polymer1.0)

如何访问shadowRoot进行css样式设置(Polymer1.0),polymer,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

在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是空的。

感谢您的提示。事实证明,所有样式属性都位于节点属性的“样式”属性中

因此,要调整高度:

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

好了,他们用“shady dom”替换了shadow dom。我还没有使用它,但根据您的经验,您可以访问shadydom作为
var arrayOfNodes=Polymer.dom(x-element).children根据您的用例,您可能还希望查看Polymer的内置
transform
translate3d
实用功能:和