2012-02-03 47 views
0

如果使用CSS資源,我們可以從代碼中的css定義中獲取值嗎?如何從CSS訪問樣式

例如

.iv_menu_thumbnail { 
    display: block; 
    width: 24px; 
    height: 24px; 
    margin: 3px; 
    float: left; 
    cursor: pointer; 
}` 

我們可以通過代碼知道width的值嗎?我想從我的一個java類訪問嗎?

在此先感謝

+0

歡迎堆棧溢出。恐怕我們無法幫助你,因爲你的問題缺乏細節。到目前爲止你嘗試了什麼,結果如何?另請閱讀http://stackoverflow.com/questions/how-to-ask – 2012-02-03 11:36:22

+0

看問題標籤,你似乎試圖從Java/GWT應用程序中讀取CSS樣式值,這是否正確?你能否在你的問題上詳細說明一下? – Nico 2012-02-03 12:01:08

+0

@尼科 - 確切地說,我想讀我的GWT應用 – 2012-02-06 03:46:03

回答

3
var width = $('.iv_menu_thumbnail').width(); 
console.log(width); 

這將讓元素的寬度,如果這是什麼youre要求。 就我而言,您無法從css聲明中獲取非數值。

但是你可以使用

.css() 

因此,它應該是這樣的,如果你想設置一個新的CSS值通過jQuery設置自己的值。 (或覆蓋它)

$(someelement).css('float', 'left'); 
+0

值謝謝塞巴斯蒂安,但我想從我的Java類訪問我的元素... – 2012-02-06 04:26:55

1

據我所知,您只能檢查已應用此元素的計算CSS屬性。像:

$(someElementOrId).css('width'); 

$(someElementOrId).width(); 

注意,前者和後者不同 - 前者不包含度量單位,後者則。

0

您可以在您的Css資源文件中有一個變量,並使用該變量設置width屬性,然後從代碼中訪問width varialbe。

CssResource

的CSS資源文件

@def small 1px; 
@def black #000; 
border: small solid black; 

Java代碼的

interface MyResources extends CssResource { 
    int small(); 
} 
+0

感謝您的答覆...是的,我知道這種方式。 ....定義可以訪問,但我想通過程序訪問類屬性.... – 2012-02-06 06:12:17