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

1、css 及 html 方面的技巧總結(jié),點此前往: 前端開發(fā)中一些常用技巧總結(jié), 你還可以前往蘭芝博客, 查看由淘寶 UED 整理的前端 tips: HYPERLINK /category/css/ /category/css/.document.getElementById的簡寫: HYPERLINK /javascript-getbyid-simplewrite/%3B /javascript-getbyid-simplewrite/;getElementsByTagName的簡寫方式: HYPERLINK /javascrip-simple-getelementsbytagname/%3B

2、 /javascrip-simple-getelementsbytagname/;JavaScript 中獲取元素索引的函: HYPERLINK /javascript-index-functio/%3B /javascript-index-functio/;window.onload,可多次調(diào)用的加載函數(shù)：function iLoad(func) var oLoad=window.onload;if(typeof window.onload!=function) window.onload=func;noLoad();func();5. 獲取下一個元素節(jié)點：5. 獲取下一個元素節(jié)點：func

3、tion function nextElem(node) if(node.nodeType=1) returnnode;if(node.nextSibling) returnnextElem(node.nextSibling); return null;6. 6. 獲取上一個元素節(jié)點(此函數(shù)須調(diào)用第五條中的函數(shù))：function function prevElem(node) if(node.nodeType=1)return node;ereturn nextElem(node.previousSibling); returnnull;77. JavaScript insertBefore

4、 方法insertAfter 方法怎么辦?用如下函數(shù)實現(xiàn)：function function insertAfter(newChild,refChild) var parElem=refChild.parentNode; if(parElem.lastChild=refChild)refChild.appendChild(newChild);parElem.insertBefore(newChild,refChild.nextSibling);8. 8. 為元素添加樣式記住是添加不是替換,相當于 jQuery 中的 addClass(value)：function function addCl

5、ass(elem,value) if(!elem.className)elem.className=value;var oValue=elem.className; oValue+= ; oValue+=value; elem.className=oValue;9. 9. 獲取元素的樣式：function function getStyle(id,stylename) var elem=$(id);var realStyle=null; if(elem.currentStyle)realStyle=elem.currentStylestylename;elreturn realStyle;10

6、. 10. 兼容事件綁定：function function addEventSamp(obj,evt,fn) if (obj.addEventListener) ,e 11. 11. 移除事件：function function removeEventSamp(obj,evt,fn) if(obj.removeEventListener)e 12. 12. 檢測樣式：function function hasClass(element, className)var reg =new RegExp(s|) + className + (s|$); return element.className.match(reg);13. 13. 刪除樣式：function function removeClass(element, className) if (hasClass(element, className)