js封裝函式

2021-10-02 03:54:27 字數 1376 閱讀 5648

// 獲取id

function getid(e)

// 獲取類名的集合

function getclassname(e)

// 獲取標籤名的集合

function gettagname(e)

// 獲取名稱的集合

function getname(e)

function query(e)

function queryall(e)

function settxt(e, text) else function element(e)

//封裝勻速動畫函式

function animate(element, target) else

}, 5)/* 變速動畫封裝 */

function variableanimation(el, target)

}, 20);

}// 需求 : 設定多個任意的屬性

/* 封裝樣式屬性

function getstyle(element,attr) else}/*

對於元素間的空格,ie9及以前版本不會返回文字節點,

而其他所有瀏覽器都會返回文字節點。這樣導致了在使用childnodes和firstchild等屬性時的行為不一致。

相容ie8獲取父元素的第乙個子元素

非ie8使用firstelementchild[獲得父元素下第乙個子元素]

ie8時,使用firstchild[獲得父節點中第乙個節點,在ie8中,是獲得父元素下第乙個子元素]

*/function getelementfirstchild(e) else

}function getelementlastchild(e) else

}function getelementbortherprev(e) else

}function getelementborthernext(e) else

}//封裝:為任意元素, 繫結任意事件, 執行任意的處理函式/*

//封裝阻止冒泡

function stopbubble(event)else

/* 封裝 : 獲取瀏覽器向上或者向左捲曲出去的距離

** @params :null

* @return : object

* */

function getscroll() ;

obj.top = window.pageyoffset || document.documentelement.scrolltop;

obj.left = window.pagexoffset || document.documentelement.scrollleft;

return obj;

}

JS封裝繼承函式

1 function extend child,parent 3 f.prototype parent.prototype 4 child.prototype new f 5 child.prototype child 6 child.uber parent.prototype uber指向父物件的...

js常用函式封裝

轉成兩位數 function totwo n 引數說明 str表示原字串變數,表示要插入的字串,sn表示要插入的位置 function insert str,sn 參考 去除空格 type 1 所有空格 2 前後空格 3 前空格 4 後空格 function trim str type 字母大小寫切...

原生js封裝函式

原理是對元素的所有的子節點做乙個遍歷。然後做乙個判斷,如果是子元素節點 nodetype 1 則遍歷該子元素的所有的子節點,用遞迴檢查是否包含空白節點 如果處理的子節點是文字節點 nodetype 3 則檢查是否是純粹的空白節點,如果是,就將它從xml物件中刪除。1 function removew...