判斷是否有CSS屬性是前端開發中經常用到的技能。下面是一些判斷CSS屬性是否存在的方法。

var element = document.getElementById('example');
// 1. 檢查style對象
if (element.style.propertyName !== undefined) {
// 屬性存在
}
// 2. 檢查計算樣式
var computedStyle = window.getComputedStyle(element);
if (computedStyle.hasOwnProperty('propertyName')) {
// 屬性存在
}
// 3. 檢查CSS規則
var styleSheet = document.styleSheets[0];
var cssRules = styleSheet.cssRules || styleSheet.rules;
for (var i = 0; i< cssRules.length; i++) {
var cssRule = cssRules[i];
if (cssRule.selectorText === '#example' && cssRule.style.hasOwnProperty('propertyName')) {
// 屬性存在
}
}
// 4. 檢查瀏覽器前綴
if (typeof element.style.webkitPropertyName !== undefined) {
// 屬性存在
}

以上方法可以根據不同的情況進行選擇使用。尤其是在需要兼容不同瀏覽器的情況下，第四種方法可以解決一些瀏覽器前綴的問題。