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

一些常用且實用的原生JavaScript函數(shù)

 更新時間：2010年09月08日 11:47:34   作者：  
日常開始中常用到的一些原生JavaScript函數(shù),比較實用, 今天特地整理一下,分享給大家,希望對大家有用,會常更新,同時也歡迎大家補充.
css及html方面的技巧總結,點此前往: 前端開發(fā)中一些常用技巧總結, 你還可以前往蘭芝博客, 查看由淘寶UED整理的前端tips: http://www.12sui.cn/category/css/.
1. document.getElementById的簡寫: http://www.dbjr.com.cn/article/24762.htm;
2. getElementsByTagName的簡寫方式: http://www.dbjr.com.cn/article/24026.htm;
3. 原生JavaScript中獲取元素索引的函數(shù): http://www.dbjr.com.cn/article/24763.htm;
4. 替代window.onload,可多次調(diào)用的加載函數(shù):
復制代碼 代碼如下:

function iLoad(func) {
var oLoad=window.onload;
if(typeof window.onload!='function'){
window.onload=func;
}else{
window.onload=function(){
oLoad();
func();
}
}
}

5. 獲取下一個元素節(jié)點:
復制代碼 代碼如下:

function nextElem(node){
if(node.nodeType==1) return node;
if(node.nextSibling) return nextElem(node.nextSibling);
return null;
}

6. 獲取上一個元素節(jié)點(此函數(shù)須調(diào)用第五條中的函數(shù)):
復制代碼 代碼如下:

function prevElem(node){
if(node.nodeType==1){
return node;
}else if(node.previousSibling){
return nextElem(node.previousSibling);
}else{
return null;
}
}

7. 原生JavaScript中有insertBefore方法,可惜卻沒有insertAfter方法,怎么辦?用如下函數(shù)實現(xiàn):
復制代碼 代碼如下:

function insertAfter(newChild,refChild){
var parElem=refChild.parentNode;
if(parElem.lastChild==refChild){
refChild.appendChild(newChild);
}else{
parElem.insertBefore(newChild,refChild.nextSibling);
}
}

8. 為元素添加樣式[記住是添加不是替換,相當于jQuery中的addClass(value)]:
復制代碼 代碼如下:

function addClass(elem,value){
if(!elem.className){
elem.className=value;
}else{
var oValue=elem.className;
oValue+=" ";
oValue+=value;
elem.className=oValue;
}
}

9. 獲取元素的樣式:
復制代碼 代碼如下:

function getStyle(id,stylename){
var elem=$(id);
var realStyle=null;
if(elem.currentStyle){
realStyle=elem.currentStyle[stylename];
}else if(window.getComputedStyle){
realStyle=window.getComputedStyle(elem,null)[stylename];
}
return realStyle;
}

10. 兼容事件綁定:
復制代碼 代碼如下:

function addEventSamp(obj,evt,fn){
if (obj.addEventListener) {
obj.addEventListener(evt, fn, false);
}else if(obj.attachEvent){
obj.attachEvent('on'+evt,fn);
}
}

11. 移除事件
復制代碼 代碼如下:

function removeEventSamp(obj,evt,fn){
if(obj.removeEventListener){
obj.removeEventListener(evt,fn,false);
}else if(obj.detachEvent){
obj.detachEvent('on'+evt,fn);
}
}

12. 檢測樣式
復制代碼 代碼如下:

function hasClass(element, className){
var reg = new RegExp('(\\s|^)' + className + '(\\s|$)');
return element.className.match(reg);
}

13. 刪除樣式
復制代碼 代碼如下:

function removeClass(element, className){
if (hasClass(element, className)) {
var reg = new RegExp('(\\s|^)' + className + '(\\s|$)');
element.className = element.className.replace(reg, ' ');
}
}

原文發(fā)布于Mr.Think的博客： http://mrthink.net/javascript-common-function-tip/

$()
復制代碼 代碼如下:

function $() {
var elements = [];
for (var i = 0; i < arguments.length; i++) {
var element = arguments[i];
if (typeof element == 'string')
element = document.getElementById(element);
if (arguments.length == 1)
return element;
elements.push(element);
}
return elements;
}

toggle（）

用來顯示或隱藏一個DOM元素。
復制代碼 代碼如下:

function toggle(obj) {
var el = document.getElementById(obj);
el.style.display=(el.style.display !="none"?"none":"")
}

相關文章

最新評論