原生js新增 刪除元素的class

2021-08-15 17:16:27 字數 822 閱讀 3834

判斷乙個元素是否有某個class

第一種:

function hasclass( elements,cname );
第二種:element.classlist.contains('classname')

給元素新增class

第一種方法:首先使用hasclass()判斷是否存在

function addclass( elements,cname );  

};

第二種方法:element.classlist.add('classname')

刪除元素的class

第一種:

function removeclass( elements,cname );  

};

第二種:element.classlist.remove('classname')

在元素中切換類名:toggle(

class, 

true|false)

第乙個引數為要在元素中移除的類名,並返回 false。 

如果該類名不存在則會在元素中新增類名,並返回 true。 

第二個是可選引數,是個布林值用於設定元素是否強制新增或移除類,不管該類名是否存在。例如:

移除乙個 class: 

element

.classlist.toggle("classtoremove", false); 

新增乙個 class: 

element

.classlist.toggle("classtoadd", true);

給easyui input元素新增js原生方法

當前專案中一直使用easyui框架,現在產品要求將某個easyui textbox中只能輸入數字,又因為easyui numberbox的字首0的個數不能做成無限個,所以只能在easyui textbox的基礎上進行修改了。easyui的input的元素是在html原生的input元素上進行的一次封...

陣列新增和刪除元素js

陣列的新增與刪除 新增元素 向陣列最後面新增乙個或多個元素 語法 arr.push ele1,ele2 該方法會返回乙個新的陣列長度,並且改變原來陣列裡面的元素 var arr 1,2,4,3,5 console.log arr.push 6 返回乙個新的陣列長度length 6 console.l...

原生JS新增類名 刪除類名

為 元素新增 class document.getelementbyid mydiv classlist.add mystyle 為 元素新增多個類 document.getelementbyid mydiv classlist.add mystyle anotherclass thirdclass...