dom中classList物件常用方法

2022-09-12 17:54:10 字數 1476 閱讀 5115

新增新的類名,如已經存在,取消新增

classlist.add( newclassname );

varstr= document.getelementbyid('str');

str.classlist.add('newclassname')

確定元素中是否包含指定的類名,返回值為true 、false;

classlist.contains( oldclassname );

varstr= document.getelementbyid('str');

str.classlist.contains('newclassname') //return true/false

移除已經存在的類名;

classlist.remove( oldclassname );

varstr= document.getelementbyid('str');

str.classlist.add('newclassname') //移除類名newclassname

如果classlist中存在給定的值,刪除它,否則,新增它;(適用於開關切換)

classlist.toggle( classname );

varstr= document.getelementbyid('str');

str.classlist.add('select')//切換class

str.classlist.add('select',i<10)//第二引數是條件

類名替換

classlist.replace( oldclassname,newclassname );

varstr= 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 ...