原生js給div新增類

一 寫個函式然後傳入物件元素跟樣式名字，判定是否為空，如果不為空就賦值樣式名字；

function

addclass(elm,newclass)

二 寫個函式然後傳入物件元素跟需要新增到樣式名字，判定是否為空，如果為空就賦值，否則就加個空格再賦值；

function

addclass(elm,newclass)

三 傳入物件元素跟樣式名字，然後把elm.classname看成用「 」（空格）分割的字串，用split去除空格變成陣列，然後用push方法新增樣式到陣列中，用join新增空格變成字串再賦值給元素的class，很獨特很棒的方法。

function

addclass(elm,newclass)

然而，我覺得有點不足，假如元素本來就有newclass這類名，那怎麼辦？就像這樣:

然後我想新增個div2類給這個div,如果用第三種方法，雖然不會出錯，但頁面顯示會變成這樣，於是我用第四種方法：

四 繼承第三種方法的優勢，在其基礎上做了個迴圈判定，保證沒有重複的名字存在。

function

zhen(obj,claname)
cla.push(claname);
obj.classname=cla.join(" ");
}

jquery新增類極易，一般工作用jquery新增，在此不贅述。

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

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

原生js新增類名

動態新增class類名在前端開發過程中是很常見得做法，比如說在實現輪播圖的時候給當前的錨點新增乙個active類,有又或者在實現動畫的時候新增乙個終態css類。當然，有很多js庫中封裝了新增類名的方法，典型的比如jquery中的addclass 方法。但是，在實際開發中，如果頁面比較簡單，邏輯功能不...

原生JS新增類名 刪除類名

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