原生js 樣式的操作整理

function getstyle(obj,attr)

//參考位址

var getstyle = function( elem, style ));

var val =  elem.currentstyle[style];
if( val === 'auto' && (style === "width" || style === "height") )else
}		return val;
}();
};

//var test = document.getelementbyid( 'test' ),

// 獲取計算的寬度

//twidth = getstyle( test, 'width' );

function getclass(parent,classname,tagname)else;

return arr;
};} ;  //獲取class (因為獲取一組元素集合，如果單個使用一定要加[0]下標，不然會報錯)

function addclass(ele,cls)

另外一種比較好的

function addclass(elm,cls)

function hasclass(ele,cls)

function removeclass(ele,cls) 

}

html5新增的api介面，

以上的缺點：只能新增單個樣式  elem.classlist.add( classnameone );   需要自己完善

原生js的dom操作 常用的整理

父節點parentnode 第乙個子節點 只會獲取到元素節點 firstelementchild 第乙個子節點 如果有文字節點將會獲取到文字節點 firstchild 最後乙個節點 只會獲取到元素節點 lastelementchild 最後乙個子節點 如果有文字節點將會獲取到文字節點 lastchi...

原生js 操作

1,陣列操作 var arr1 new array 1,2,3,您好 var arr 1,2,3 arr.length 返回的是長度屬性 arr.push 1 向陣列尾部增加乙個值 arr.pop 去除陣列的尾部數字 arr.reverse 資料翻轉 arr.indexof 1 1 資料所在的位置！...

原生JS實現的DOM操作筆記（草稿整理）

原生js實現的dom一系列操作參考 如下 var dom 功能說明 給指定dom元素新增class param el 指定的dom元素 param classname 新增的class名 addclass function el,classname return el 功能說明 給指定dom元素移除...