新增新的類名,如已經存在,取消新增
classlist.add( newclassname );
var
str= document.getelementbyid(
'str'
);
str.classlist.add(
'newclassname'
)
確定元素中是否包含指定的類名,返回值為true 、false;
classlist.contains( oldclassname );
var
str= document.getelementbyid(
'str'
);
str.classlist.contains(
'newclassname'
) //return true/false
移除已經存在的類名;
classlist.remove( oldclassname );
var
str= document.getelementbyid(
'str'
);
str.classlist.add(
'newclassname'
) //移除類名newclassname
如果classlist中存在給定的值,刪除它,否則,新增它;(適用於開關切換)
classlist.toggle( classname );
var
str= document.getelementbyid(
'str'
);
str.classlist.add(
'select'
)//切換class
str.classlist.add(
'select',i<10
)//第二引數是條件
類名替換
classlist.replace( oldclassname,newclassname );
var
str= document.getelementbyid(
'str'
);
str.classlist.add(
'select','newselect'
)
DOM類名操作classList 屬性
classlist 屬性返回元素的類名,作為 domtokenlist 物件。該屬性用於在元素中新增,移除及切換 css 類。classlist 屬性是唯讀的,但你可以使用 add 和 remove 方法修改它。add class1,class2,在元素中新增乙個或多個類名。document.get...
JS中的DOM物件
主要是操作html 內容 dom document object model w3c api標準 是w3c組織推薦的處理可擴充套件置標語言的標準程式設計介面。它是一種與平台和語言無關的應用程式介面 api 它可以動態地訪問程式和指令碼,更新其內容 結構和www文件的風格 目前,html和xml文件是...
js中字串轉為DOM物件和DOM物件轉為字串
1.在js中我們要動態的建立標準dom物件一般使用 var obj document.createelement div 但是如果在ajax請求時返回的是乙個帶有標籤的字串,如 data aaa 小明 28 這時獲取到的data 0 0 是乙個字串,我們獲取不到id。現在又一種方法可以解決 1.1 ...