JavascriptYUI讀碼日記之YAHOO.util.Dom-Part.3_YUI.Ext相關

var toCamel = function(property) {
// 如果沒有 -[a-z] 字母，則直接返回
if ( !patterns.HYPHEN.test(property) ) {
return property;
}

// 如果有緩存，直接返回替換后的值
if (propertyCache[property]) {
return propertyCache[property];
}

// 使用正則替換
var converted = property;
while( patterns.HYPHEN.exec(converted) ) {
converted = converted.replace(RegExp.$1,
RegExp.$1.substr(1).toUpperCase());
}

// 存入緩存
propertyCache[property] = converted;
return converted;
};在 YAHOO.util.Dom 中，getStyle 函數考慮了更多不同瀏覽器兼容性方面的問題，代碼如下

// 使用 W3C DOM 標準的瀏覽器，比如 Firefox、Opera、Safari
if (document.defaultView && document.defaultView.getComputedStyle) {
getStyle = function(el, property) {
var value = null;

// 重命名部分 CSS 樣式名
if (property == 'float') {
property = 'cssFloat';
}

// 獲取通過 CSS 加上去的屬性
var computed = document.defaultView.getComputedStyle(el, '');
if (computed) {
value = computed[toCamel(property)];
}

return el.style[property] || value;
};
// 如果是 IE 瀏覽器
} else if (document.documentElement.currentStyle && isIE) {
getStyle = function(el, property) {
switch( toCamel(property) ) {
// “轉換”名稱為 IE 可以認識的
case 'opacity' :
var val = 100;
try {
val =
el.filters['DXImageTransform.Microsoft.Alpha'].opacity;
} catch(e) {
try {
val = el.filters('alpha').opacity;
} catch(e) {
}
}
// 百分比
return val / 100;
case 'float':
property = 'styleFloat';
default:
var value = el.currentStyle ? el.currentStyle[property] : null;
return ( el.style[property] || value );
}
};
} else {
// 獲取內聯樣式
getStyle = function(el, property) { return el.style[property]; };
}另外，PPK 在他的 Blog 上的有關 getStyle 的闡述，也很精彩，有興趣的可以去看下。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com