給js新增類名 新增元素標籤

2021-10-22 19:53:34 字數 2345 閱讀 3143

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 初始化時如果指定了集合,可以看到是空集合的情況下,其實也是...