欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Javascript YUI 讀碼日記之 YAHOO.util.Dom - Part.3

 更新時(shí)間：2008年03月22日 14:42:16   作者：  
在 YAHOO.util.Dom 中能發(fā)現(xiàn)很多有趣的東西。下面先說下 toCamel 的函數(shù)，感謝 小馬 幫助我理解了這個(gè)函數(shù)。toCamel 把指定名稱替換為駝峰寫法，比如把 border-width 替換為 borderWidth 。
var patterns = {
    HYPHEN: /(-[a-z])/i,
    ROOT_TAG: /^body|html$/i
};

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 函數(shù)考慮了更多不同瀏覽器兼容性方面的問題，代碼如下

// 使用 W3C DOM 標(biāo)準(zhǔn)的瀏覽器，比如 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) ) {
            // “轉(zhuǎn)換”名稱為 IE 可以認(rèn)識(shí)的
            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 {
    // 獲取內(nèi)聯(lián)樣式
    getStyle = function(el, property) { return el.style[property]; };
}另外，PPK 在他的 Blog 上的有關(guān) getStyle 的闡述，也很精彩，有興趣的可以去看下。

相關(guān)文章

最新評(píng)論