原生JS實現增加刪除class(addClass,removeClass,toggleClass)
<!DOCTYPE html> <html> <head> <style type="text/css"> .night-mode{ ...
<!DOCTYPE html> <html> <head> <style type="text/css"> .night-mode{ ...
其實html5已經擴展了class操作的相關API,其中classList屬性就以及實現了class的增刪和判斷。 HTML DOM classList 屬性 classList屬性的方法有: add(value) 添加類名,如果有則不添加 contains(value ...
function addClass(obj, cls){ var obj_class = obj.className,//獲取 class 內容. blank = (obj_class != '') ? ' ' : '';//判斷獲取到的 class 是否為空 ...
之前習慣了使用jquery的addClass的方法,然后就去找了下別人寫的代碼。 ...
...
1.比較傳統的方法 var classVal = document.getElementById("id").getAttribute("class"); //刪除的話classVal = classVal.replace("someClassName ...
//使用原生js時,通過class名稱就可以得到相應的class名稱標簽組封裝的函數 //定義一個函數getClass(oParent,aClass); function getClass(oParent,aClass){ //oParent為要獲取的className ...