|
|
// 讓 el 始終為 HTMLElement
el = (el && (el.tagName || el.item)) ? el : Y.Dom.get(el);
if (!el || !method) {
return false;
}
// 確定返回的對(duì)象
var scope = (override) ? o : window;
// 看起來(lái)是個(gè) HTMLElement 或者不是 Array
if (el.tagName || el.length === undefined) {
return method.call(scope, el, o);
}
var collection = [];
for (var i = 0, len = el.length; i < len; ++i) {
collection[collection.length] = method.call(scope, el[i], o);
}
return collection;
},小馬補(bǔ)充
batch 是 YUI Dom 庫(kù)的核心之一。它最大的意義在于，它讓 Dom 庫(kù)的其他大多方法
的第一個(gè)參數(shù)可以是一個(gè) id / 元素對(duì)象 或 一組 id/元素對(duì)象，減少了循環(huán)的使用。在這里可以找到 call 與 apply 的用法。在了解了 batch 以后，下來(lái)看 YUI.util.Dom 是怎么使用這一方法的，一口氣看兩個(gè)函數(shù)
getStyle: function(el, property) {
// toCamel 函數(shù)后面介紹
property = toCamel(property);
// 獲取節(jié)點(diǎn)的樣式
var f = function(element) {
return getStyle(element, property);
};
return Y.Dom.batch(el, f, Y.Dom, true);
},setStyle: function(el, property, val) {
property = toCamel(property);
// 設(shè)置節(jié)點(diǎn)的樣式
var f = function(element) {
setStyle(element, property, val);
};
Y.Dom.batch(el, f, Y.Dom, true);
},有關(guān)這兩個(gè)函數(shù)的具體用法，可以看下相關(guān)的文檔。其實(shí)從參數(shù)上就很容易理解怎么使用。看上面的兩個(gè)函數(shù)有利于理解 YAHOO.util.Dom.batch 的調(diào)用方式。
接下來(lái)，粗略看下 getXY
getXY: function(el) {
var f = function(el) {
// 確定元素是否“肉眼可見(jiàn)”
if ( (el.parentNode === null || el.offsetParent === null ||
this.getStyle(el, 'display') == 'none') &&
el != el.ownerDocument.body) {
return false;
}
return getXY(el);
};
return Y.Dom.batch(el, f, Y.Dom, true);
},getX 與 getY 方法也是調(diào)用此函數(shù)，只是獲取返回值的數(shù)組元素不一樣。由于瀏覽器的兼容問(wèn)題，提供給用戶的 YAHOO.util.Dom.getXY 也僅僅是判斷變量以后，再扔給最為復(fù)雜的內(nèi)部 getXY 函數(shù)。
OK，留下太多的“懸念”了，下一期著重將它們解決。
JavaScript技術(shù)：Javascript YUI 讀碼日記之 YAHOO.util.Dom - Part.2 0，轉(zhuǎn)載需保留來(lái)源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
