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