首頁猿問幫我解釋一下這個封裝函數(shù)？？獲取c...

幫我解釋一下這個封裝函數(shù)？？獲取class

JavaScript

羅富文1995ing 2016-04-24 16:18:55

function?getClass(?selector?){ ????????????????var?arr?=?[],content?=?content?||?document; ????????????????var?allEle?=?content.getElementsByTagName("*");//找到所有的標簽 ????????????????selector?=?selector.slice(1); ????????????????for(?var?i?=?0;?i?<?allEle.length;?i++?){ ????????????????????var?allClassName?=?allEle[i].className.split("?"); ????????????????????for(?var?j?=?0;?j?<?allClassName.length;?j++?){ ????????????????????????if(?selector?===?allClassName[j]?){ ????????????????????????????arr.push(?allEle[i]?); ????????????????????????????break; ????????????????????????} ????????????????????}; ????????????????} ????????????????return?arr; ????????????}var?arr?=?[],content?=?content?||?document;第一句就不會了？？？誰能每條語句都解釋一下

查看完整描述

1 回答

已采納

陳士愚

TA貢獻44條經驗獲得超44個贊

function?getClass(selector)?{
????var?arr?=?[],	//?用于存儲查找結果的數(shù)組
????????content?=?content?||?document;?//?如果content為空，那么content等于document（js預留關鍵字，表示當前文檔）
????var?allEle?=?content.getElementsByTagName("*");?//?*表示所有；找到文檔中所有的標簽元素
????selector?=?selector.slice(1);?//?縮減匹配集合；從下標為1的位置起到最后（下標計數(shù)0開始）
????//?遍歷文檔中的每個元素，查看與想選擇的class是否相等
????for?(var?i?=?0;?i?<?allEle.length;?i++)?{
????	//?遍歷第i個元素，分割其類屬性的值，形成類的數(shù)組；如“classNameA?classNameB”分割成數(shù)組['classNameA','classNameB']
????????var?allClassName?=?allEle[i].className.split("?");
????????//?遍歷驗證第i個元素的類數(shù)組中有沒有我們想找的那個selector，如果有，加入到arr（結果集）
????????for?(var?j?=?0;?j?<?allClassName.length;?j++)?{
????????????if?(selector?===?allClassName[j])?{?//?如果查找選擇器selector和第i個元素的類數(shù)組中的第j項相同
????????????????arr.push(allEle[i]);?//?將第i個元素加入到目標數(shù)組中
????????????????break;
????????????}
????????};
????}

????return?arr;?//?返回結果集合。
}

其中content可能是全局變量，沒貼出來，不知道在哪定義的，直接當document來理解也行；

?selector?=?selector.slice(1);這句知道語法上知道做了什么，不知道作者做這個操作的用意；因為這里也沒有說明方法接收哪種格式的參數(shù)。

3 反對回復 2016-04-24