檢測特定屬性的可用css值

是否有任何函數，庫或其他任何可以檢測css屬性的值？檢測特定屬性的可用css值

採取「位置」爲例，使用一些方法，然後我可以得到「絕對」，「靜態」，「相對」 ......是「位置」的值。

所以我可以檢測到css屬性的支持度。這個屬性我可以使用多少個值。

非常感謝！

來源

2013-11-26 Mr.Six

如果我的猜測是正確的，你想知道一個特定的CSS屬性的可能值.. 對？ –

'document.getElementById（'your element'）.style'將所有當前樣式返回給該特定元素。 –

只需在此查看支持HTML和CSS的最佳兼容性表格：http：//caniuse.com/ –

如果我理解正確，你想遍歷可能值CSS屬性。不幸的是，沒有辦法做到這一點。你可以做的是存儲可能的值，以便當你需要列出它們時，你可以查看它們。以下面的例子。

var cssProperties = { position: ['inherit', 'static', 'relative', 'absolute', 'sticky', 'fixed'], float: ['inherit', 'left', 'right', 'none'] }; 

function lookupCssValues(property) { 
    return cssProperties[property]; 
}

你可以做這樣的事情遍歷一個元素可能的CSS屬性：

for(var property in element.style) { 
    if(typeof elem.style[property] === 'string') { 
     console.log(property) // this is a css property for the element 
    } 
}

來源

2013-11-26 04:31:53 tjscience

是的，謝謝，我想你明白了。我希望有一些方法可以做到這一點。的確，沒辦法。 –

你可以用jQuery輕鬆做到這一點！

$('.element-in-question').css('position');

http://jsfiddle.net/h7KHT/

來源

2013-11-26 03:56:12 Ming

對不起。也許我不清楚地描述它。我的意思是一個物業的可能價值。不是我設定的值。 –

$('.someelement').css("position")

來源

2013-11-26 06:50:46

對不起。也許我不清楚地描述它。我的意思是一個物業的可能價值。不是我設定的值。 –

檢測特定屬性的可用css值

回答

相關問題