讀JavaScript DOM編程藝術(shù)筆記
更新時(shí)間：2011年11月15日 01:44:14 作者：
讀JavaScript DOM編程藝術(shù)筆記，需要的朋友可以參考下。
1.獲得當(dāng)前元素的下一個(gè)元素
function getNextElement(node){
if(node.nodeType==1){
return node;
}
if(node.nextSibling){
return getNextElement(node.nextSibling);
}
return null;
};
2.外部引入的js，添加頁(yè)面加載方法
function addLoadEvent(func){
var oldonload=window.onload;
if(typeof window.onload!='function'){
window.onload=func;
}else{
window.onload=function(){
oldonload();
func();
}
}
};
3.insertAfter方法
function insertAfter(newElement,targetElement){
var parent=targetElement.parentNode;
if(parent.lastChild==targetElement){
parent.appendChild(newElement);
}else{
parent.insertBefore(newElement,targetElement.nextSibling);
}
};
4.添加class
function addClass(element,value){
if(!element.className){
element.className=value;
}else{
newClassName=element.className;
element.className=newClassName+" "+value;
}
}
復(fù)制代碼 代碼如下:
function getNextElement(node){
if(node.nodeType==1){
return node;
}
if(node.nextSibling){
return getNextElement(node.nextSibling);
}
return null;
};
2.外部引入的js，添加頁(yè)面加載方法
復(fù)制代碼 代碼如下:
function addLoadEvent(func){
var oldonload=window.onload;
if(typeof window.onload!='function'){
window.onload=func;
}else{
window.onload=function(){
oldonload();
func();
}
}
};
3.insertAfter方法
復(fù)制代碼 代碼如下:
function insertAfter(newElement,targetElement){
var parent=targetElement.parentNode;
if(parent.lastChild==targetElement){
parent.appendChild(newElement);
}else{
parent.insertBefore(newElement,targetElement.nextSibling);
}
};
4.添加class
復(fù)制代碼 代碼如下:
function addClass(element,value){
if(!element.className){
element.className=value;
}else{
newClassName=element.className;
element.className=newClassName+" "+value;
}
}
相關(guān)文章
JS類中定義原型方法的兩種實(shí)現(xiàn)的區(qū)別
JS類中定義原型方法的兩種實(shí)現(xiàn)的區(qū)別...2007-03-03
本文給大家?guī)?lái)了json解析方法小結(jié)的知識(shí)，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起學(xué)習(xí)吧2016-06-06
JSONP(JSON with Padding)是JSON的一種“使用模式”，可用于解決主流瀏覽器的跨域數(shù)據(jù)訪問(wèn)的問(wèn)題。接下來(lái)通過(guò)本文給大家介紹JSONP跨域請(qǐng)求實(shí)例詳解，感興趣的朋友一起看下吧2016-07-07
本篇文章給大家詳細(xì)分享了JS表單傳值和URL編碼轉(zhuǎn)換的相關(guān)知識(shí)點(diǎn)，并把實(shí)例做了分享，一起學(xué)習(xí)下。2018-03-03
cookie在javascript中的使用技巧以及隱私在服務(wù)器端的設(shè)置
cookie在javascript中的使用技巧，需要的朋友可以參考下2012-12-12
JavaScript中常見(jiàn)的高階函數(shù)總結(jié)
JavaScript的函數(shù)其實(shí)都指向某個(gè)變量,既然變量可以指向函數(shù),函數(shù)的參數(shù)能接收變量,那么一個(gè)函數(shù)就可以接收另一個(gè)函數(shù)作為參數(shù),這種函數(shù)就稱之為高階函數(shù),這篇文章主要給大家介紹了關(guān)于JavaScript中常見(jiàn)的高階函數(shù),需要的朋友可以參考下2022-02-02
ES6新數(shù)據(jù)結(jié)構(gòu)Set與WeakSet用法分析
這篇文章主要介紹了ES6新數(shù)據(jù)結(jié)構(gòu)Set與WeakSet用法,結(jié)合實(shí)例形式簡(jiǎn)單分析了Set與WeakSet的功能、使用方法及相關(guān)注意事項(xiàng),需要的朋友可以參考下2017-03-03
JavaScript中style.left與offsetLeft的使用及區(qū)別詳解
這篇文章主要介紹了JavaScript中style.left與offsetLeft的使用及區(qū)別詳解的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值，需要的朋友可以參考下2016-06-06
2016年最熱門的15 款代碼語(yǔ)法高亮工具，美化你的代碼
無(wú)論是代碼高亮還是語(yǔ)法高亮對(duì)整個(gè)程序來(lái)說(shuō)都非常重要，可以給人眼前一亮的感覺(jué)，增加用戶體驗(yàn)度，下面通過(guò)本文給大家介紹2016年最熱門的Javascript代碼高亮顯示腳本及代碼語(yǔ)法高亮工具，對(duì)js代碼高亮，代碼語(yǔ)法高亮相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2016-01-01
原生js實(shí)現(xiàn)簡(jiǎn)單輪播圖效果
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)簡(jiǎn)單輪播圖效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09