element.classlist是乙個唯讀屬性，返回乙個元素的類屬性的實時domtokenlist集合。
相比將element.classname作為以空格分隔的字串來使用，classlist是一種更方便的訪問元素的類列表的方法。
const elementclasses = elementnodereference.classlist;
elementclasses是乙個domtokenlist表示elementnodereference的類屬性 。如果類屬性未設定或為空，那麼elementclasses.length返回0。雖然element.classlist本身是唯讀的，但是你可以使用add()和remove()方法修改它。
const div = document.createelement('div');
div.classname = 'foo';
// 初始狀態：
console.log(div.outerhtml);
// 使用 classlist api 移除、新增類值
div.classlist.remove("foo");
div.classlist.add("anotherclass");
// console.log(div.outerhtml);
// 如果 visible 類值已存在，則移除它，否則新增它
div.classlist.toggle("visible");
// add/remove visible, depending on test conditional, i less than 10
div.classlist.toggle("visible", i < 10 );
console.log(div.classlist.contains("foo"));
// 新增或移除多個類值
div.classlist.add("foo", "bar", "baz");
div.classlist.remove("foo", "bar", "baz");
// 使用展開語法新增或移除多個類值
const cls = ["foo", "bar"];
div.classlist.add(...cls);
div.classlist.remove(...cls);
// 將類值 "foo" 替換成 "bar"
div.classlist.replace("foo", "bar");
原生js對cookie的增刪改查
urlencoded 對應的資料格式 name password 666 後端獲取資料 request.post ps django會將urlencoded編碼的資料解析自動放到request.post formdata form表單傳輸檔案的編碼格式 後端獲取檔案格式資料 request.file...
5 2 原生JDBC增刪改查
只要用到資料庫操作，首先要做的就是獲取資料庫連線，獲取資料庫連線三要素 連線串，使用者和密碼。public static connection getconnection throws sqlexception 建立資料庫表sql語句 static string createsql create t...
原生js案例 增 刪 改 查 排序功能
新增確定修改 排序全部刪除 搜尋姓名 年齡操作 show add click function else ajax success function res else function show 渲染2 function showdom arr 刪除 修改 tbody html str 刪除 fun...