const div = document.createelement('div');
div.classname = 'foo';
// 初始狀態:class
="foo"
>
div>
console.log(div.outerhtml);
// 使用 classlist api 移除、新增類值
div.classlist.remove("foo");
div.classlist.add("anotherclass");
// class
="anotherclass"
>
div>
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");
>
// classlist , 相容問題 ,支援ie10以上
// babel-polyfill.js
// polyfill
// htmldivelement 繼承 htmlelement
var isclslist =
'classlist'
in htmlelement.prototype;if(
!isclslist)},
remove
(cls)},
contains
(cls)
,toggle
(cls)
else}}
}})}
var classlistdom = document.
getelementbyid
('classlistdom');
classlistdom.classlist.
contains
('test'
)classlistdom.classlist.
add(
'ok'
)classlistdom.classlist.
toggle
('ok'
)script
>
document.getelementbyid(『test3』).classname+='class3』新增類
getattribute:獲取某乙個屬性的值
setattribute:建立乙個屬性,並同時給屬性**乙個值
createattribute:僅建立乙個屬性
removeattribute:刪除乙個屬性
hasattribute:是否含有某個屬性
getattributenode:獲取乙個屬性作為物件
setattributenode:建立乙個節點
removeattributenode:刪除乙個屬性
前者刪除或新增後不返回值,後者返回值是被新增或刪除的屬性
//1.為
元素新增乙個類:
$("#div").addclass(「類名」);
//2.為
元素新增多個類:
//只需要通過空格來間隔 class 值即可一次性新增多個 class
$("#div").addclass(「類名1 類名2 類名3」);
//3.為
元素移除乙個類:
$("#div").removeclass(「類名」);
//4.為
元素移除多個類:
//只需要通過空格來間隔 class 值即可一次性清除掉多個 class
$("#div").removeclass(「類名1 類名2 類名3」);
js jquery新增元素
一 js 1.var el document.createelement a 建立元素 document.body.removechild el 移除子元素 charcodeat var preflag new string fd company id 二 jquery 1.jquery獲取得到的陣...
jQuery新增元素
新增新的html內容例項 prepend 在被選元素的開頭插入內容 jquery prepend 方法在被選元素的開頭插入內容。例項 p prepend 在開頭追加文字 在上面的例子中,我們只在被選元素的開頭 結尾插入文字 html。例項function before 在被選元素之前插入內容 jqu...
ArrayList新增元素
如果沒有指定長度,則只是初始化乙個空陣列。public arraylist 如果指定了長度,則必需大於1 public arraylist int initialcapacity else if initialcapacity 0 else 初始化時如果指定了集合,可以看到是空集合的情況下,其實也是...