關於js的函數

標籤：判斷   lin   ie瀏覽器   blog   play   last   ret   fine   false   

1、擷取內容的相容函數

/* * 一： 擷取內容的相容函數 * setText(obj, str) * 思路： *  1、首先判斷瀏覽器； *  2、如果是IE瀏覽器，就用innerText； *  3、如果是非IE瀏覽器，就用textContent; * 參數說明： *  1、如果是一個參數，這個函數將會用來擷取內容 *  2、如果是兩個參數，這個函數將會用來設定內容 * */function getText(obj, str) {    // 判斷是否是IE瀏覽器，如果obj.innerText == ture，則是IE瀏覽器，否則是非IE瀏覽器    if(obj.innerText) {        // 判斷是否傳入str,如果傳入，就將傳入的參數賦值給對象；如果沒有傳入，就直接返回對象的內容，        if(str) {            obj.innerText = str;        } else {            return obj.innerText;        }    } else {        if(str) {            obj.textContent = str;        } else {            return obj.textContent;        }    }}

 

2、擷取樣式的相容函數；

/************************************************************************************************************* * 二：擷取樣式的相容函數 * getStyle(obj, attr)； * 思路： *  1，首先判斷瀏覽器， *  2，如果是IE瀏覽器，就用obj.currentStyle[attr]; *  3，如果是非IE瀏覽器，就用document.defaultView.getComputedStyle(obj, null)[attr]; * 參數說明： *  參數1：是要獲得樣式的對象; *  參數2：要從對象裡面擷取的樣式，要以字串的形式傳入; * */function getStyle(obj, attr) {    // 判斷是不是IE瀏覽器，如果obj.currentStyle == true，說明是IE瀏覽器，否則是非IE瀏覽器    if(obj.currentStyle) {        return obj.currentStyle[attr];    } else {        return document.defaultView.getComputedStyle(obj, null)[attr];    }};

 

3、擷取指定元素的子項目的集合和有意義的文本,預設情況為擷取元素的節點；

/************************************************************************************************************* * 三：擷取指定元素的子項目的集合和有意義的文本,預設情況為擷取元素的節點； * getChild(obj, type); * 思路： *   擷取obj的所有的子項目 *   挑選：obj.nodeType == 1說明就是元素集合，否則就是文本元素的集合 * 參數說明： *   參數1：指定的元素； *   參數2：指定擷取元素的類型； *   true：只擷取元素的節點； *   false：擷取元素的節點和有意義的文本節點； * */function getChild(obj, type) {    var type = type == undefined ? true : false,        arr = [];    var child = obj.childNodes;    if(type) { //type==true||undefined的時候執行；        for(var i = 0; i < child.length; i++) {            if(child[i].nodeType == 1) {                arr.push(child[i]);            };        };        return arr;    } else {        for(var i = 0; i < child.length; i++) {            //replace.();把空白替換掉：str="a b c"-------str=["a","b","c"]            if(child[i].nodeType == 1 || (child[i].nodeType == 3 && child[i].nodeValue.replace(/^\s+|\s+$/g, "") != "")) {                arr.push(child[i]);            };        };        return arr;    };};

 

4、擷取第一個子項目

/************************************************************************************************************ * 四：擷取第一個子項目； * */function getFirstChild(obj) {    return getChild(obj)[0];};

 

5、擷取最後一個子項目

/*********************************************************************************************************** * 五：擷取最後一個子項目； * */function getLastChild(obj) {    var length = getChild(obj).length;    return getChild(obj)[length - 1];}

 

6、擷取任意的子項目

/********************************************************************************************************************** * 六：擷取任意的子項目； * */function getRandomChild(obj, num){    return getChild(obj)[num-1];}

 

7、獲得目標對象的下一個兄弟節點，如果有下一個兄弟節點的話，如果沒有，返回false；

/*************************************************************************************************************** * 七：獲得目標對象的下一個兄弟節點，如果有下一個兄弟節點的話 * getNext(obj, type); * 思路： *      1、判斷是否有下一個兄弟節點，如果沒有的話，返回false，如果有的話，繼續往下進行； *      2、判讀next是否是一個有意思的文本節點或者元素節點； *      3、更新next，即給next賦值。繼續往下尋找下一個兄弟節點； *      4、判斷next是否是一個空值，如果為空白，返回false，如果不為空白，繼續進行第二步； * 參數說明： *      1、obj：指定的對象； *      2、type為true時：忽略文本，也是預設值；type為false時，不能忽略文本； * */function getNext(obj, type) {    var type = type == undefined ? true : type;    var next = obj.nextSibling;    checkNext(next);    if(type) {        // 忽略文本        // 當next是一個注釋節點或者文本節點時，繼續往下迴圈；        while(next.nodeType == 3 || next.nodeType == 8) {            next = next.nextSibling;            checkNext(next);        }        return next;    } else {        // 不能忽略文本        // 當next的類型是一個注釋或是文本時，繼續往下迴圈；        while(next.nodeType == 8 || (next.nodeType == 3 && next.nodeValue.replace(/^\s+|\s+$/g, ‘‘) != ‘‘)) {            next = next.nextSibling;            checkNext(next);        }    }    // 返回false封裝成方法    function checkNext(nextObj) {        if(nextObj == null) {            return false;        }    }}

View Code

 

7、給最前面的元素插入一條元素

/***************************************************************************************************************** * 七：給最前面的元素插入一條元素 * beforeChild(obj, ele) * 思路： *      1、擷取第一個子項目firstChild *      2、父元素.insertBefore(要插入的元素,firstChild); * 參數說明： *      1、obj：父元素； *      2、ele：要插入的元素 * */function beforeChild(obj, ele) {    var first = getFirstChild(obj);    obj.insertBefore(ele, first);};

 

8、給某個元素後面插入一條子項目

 

關於js的函數