2015-06-03 62 views
1

在Polymer0.5我可以做類似訪問shadowRoot:如何爲CSS樣式(Polymer1.0)

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

這將打印出來的HTML中shadowRoot。


當我做同樣的事情在Polymer1.0:

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

輸出null


更具體地說,我用做訪問CSS屬性的元素:

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

,但我在努力尋找如何做到這一點的Polymer1.0,因爲shadowRoot爲空。

+1

據我所知,他們更換了影子DOM與 '黑幕DOM'。我還沒有使用它,但根據[文檔](https://www.polymer-project.org/1.0/articles/shadydom.html),你可以訪問陰暗的DOM作爲'var arrayOfNodes = Polymer.dom (x-element).children;' – jdepypere

回答

1

感謝jdepypere的提示。事實證明,所有樣式屬性都在node屬性的style屬性中。

所以調整高度:

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

根據您的使用情況,您可能還想看看Polymer構建的'transform'和'translate3d'實用函數:https://www.polymer-project.org/1.0/ docs/devguide/utility-functions.html和https://css-tricks.com/almanac/properties/t/transform/ – Zikes