2010-01-05 64 views
0

如何使用原型div#page_container h1選擇以下元素,並在選擇後更改其填充頂部?謝謝選擇具有原型的元素

+2

的了paddingTop這一切都在文檔中。 http://api.prototypejs.org/dom/element.html – 2010-01-05 11:51:47

回答

4

原型的$$()方法,可以使用CSS選擇器來選擇,如

var elmArr = $$("div#page_container h1"); 

及其setStyle方法允許您更改樣式,例如

elmArr[0].setStyle({paddingTop: "4px"}); 

$$("div#page_container h1")[0].setStyle({paddingTop: "4px"}); 

編輯:我敢肯定返回數組也由原型擴展,因此,如果您曾在多個page_container H1元素,你可以這樣做:

$$("div#page_container h1").each(function(elm){ 
    elm.setStyle({paddingTop: "4px"}); 
}); 

$$("div#page_container h1").invoke("setStyle",{paddingTop: "4px"}); 

設置個個

+0

親自,我會使用我最後兩個建議之一。我使用的不僅僅是Prototype,而且這些更符合jQuery的哲學,所以你可以從使用它們中獲得更多的「學習」好處。 – Graza 2010-01-05 12:21:48

+0

invoke將字符串作爲第一個參數:list.invoke(「setStyle」 , 我的風格); – 2010-01-05 12:38:46

+0

@法比恩 - 謝謝,糾正 – Graza 2010-01-05 12:55:44