2016-03-27 64 views
-2

有沒有一種方法可以將樣式attr存儲在使用JS的變量中?在變量中存儲attr樣式

我想這example

<div style="width: 100px; height: 100px; background: cyan"></div> 

var style = 'style="' + $("div").attr('style') + '"'; 
    alert(style); 
+1

它是什麼,你正在努力實現的,因爲這得到了風格的字符串正確e.g'寬度:100像素; height:100px;背景:青色' – user2950720

回答

-1
var style = 'style="' + document.getElementsByTagName('div')[0].getAttribute('style') + '"'; 

就是你們的榜樣的純JavaScript版本。

+0

如果把JS放在我的網站上,它會顯示style =「undefined」 –

+0

現場實例作品! https://jsfiddle.net/e1kymq8x/ –

0

您是否正如代碼顯示在您的網站上一樣?如果是這樣,它可能會返回undefined,因爲您的頁面上有多個「div」。嘗試給有問題的div一個ID,並將JS從$('div')更改爲$('#whateveridyouchose')。

試試這個代碼,以排除圖像的可用性問題:

$(document).ready (function() { 
    var style = 'style="' + $("selectorofimage").attr('style') + '"'; alert(style); 
}); 
+0

它實際上是一個圖像,元素的路徑是好的。問題可能是腳本運行時圖像未加載。 –

+0

這肯定會導致未定義,你可以將JS包裝在document.ready函數中以排除這種可能性。爲了確認,上面的JS將返回顯式分配給所討論的DOM元素的樣式。用你的用例作爲圖像,我想知道是否你想要獲得圖像本身的尺寸,而不是風格的attrs?只是想確認你正在吠叫正確的樹。 –

+0

圖像樣式僅包含定位和尺寸屬性。我在[onAvailable()](https://jsfiddle.net/y20v4p9c/)函數中封裝了該腳本,並且它仍然返回undefined。 –