亚洲区国产区激情区无码区,国产成人mv视频在线观看,国产A毛片AAAAAA,亚洲精品国产首次亮相在线

HTML DOM classList 屬性

HTML DOM Element 對(duì)象

classList只讀屬性返回元素的類屬性的實(shí)時(shí)DOMTokenList集合。

classList屬性對(duì)于在元素上添加，刪除和切換CSS類很有用。

該屬性是只讀的，盡管您可以使用add()和remove()方法對(duì)其進(jìn)行修改。

使用classList是一種方便的代替方法，它可以通過className以空格分隔的字符串訪問元素的類列表。

語法：

element.classList
var elem = document.getElementById("x");
elem.classList.add("para");
測(cè)試看看?/?

瀏覽器兼容性

表中的數(shù)字指定了完全支持classList屬性的第一個(gè)瀏覽器版本：

屬性
classList83.6是5.110

性質(zhì)

屬性描述
length返回列表中的類數(shù)

方法

方法描述
add(class1, class2, ...)將一個(gè)或多個(gè)類名稱添加到元素。
如果元素的class屬性中已經(jīng)存在指定的類，則不會(huì)添加該類。
contains(class)檢查指定的類值是否存在于元素的class屬性中。
可能的值：

  • true-元素包含指定的類名稱

  • false-元素不包含指定的類名

item(index)通過集合中的索引返回類值。索引從0開始。
如果索引超出范圍，則返回null。
remove(class1, class2, ...)從元素中刪除一個(gè)或多個(gè)類名稱。
注意：刪除不存在的類不會(huì)引發(fā)錯(cuò)誤。
replace(oldClass, newClass)用新的類替換現(xiàn)有的類。
toggle(class, true|false)在元素的類名稱之間切換。
僅存在一個(gè)參數(shù)時(shí)：切換類的值；否則，返回0。即，如果該類存在，則將其刪除并返回false，如果不存在，則將其添加并返回true。
當(dāng)存在可選的第二個(gè)參數(shù)時(shí)：如果第二個(gè)參數(shù)的值為true，則添加指定的類值；如果第二個(gè)參數(shù)的值為false，則將其刪除。
示例：
          刪除一個(gè)類：element .classList.toggle（“ classToRemove”，false）;
  添加一個(gè)類：element .classList.toggle（“ classToAdd”，true）;

技術(shù)細(xì)節(jié)

返回值：DOMTokenList，包含元素的類名稱的列表
DOM版本：DOM級(jí)別1

更多實(shí)例

將多個(gè)類添加到<p>元素：

var elem = document.getElementById("x");
elem.classList.add("para", "shadow");
測(cè)試看看?/?

從<p>元素中刪除一個(gè)類：

var elem = document.getElementById("x");
elem.classList.remove("para");
測(cè)試看看?/?

從<p>元素中刪除多個(gè)類：

var elem = document.getElementById("x");
elem.classList.remove("para", "shadow");
測(cè)試看看?/?

在兩個(gè)類之間切換<p>元素：

var elem = document.getElementById("x");
elem.classList.toggle("anotherClass");
測(cè)試看看?/?

返回<p>元素具有的類名稱：

var len = document.getElementById("x").classList.length;
測(cè)試看看?/?

返回<p>元素的類名稱：

var name = document.getElementById("x").classList;
測(cè)試看看?/?

返回<p>元素的第一個(gè)類名稱（索引0）：

var name = document.getElementById("x").classList[0];
測(cè)試看看?/?

使用item()方法返回<p>元素的第一個(gè)類名稱（索引0）：

var name = document.getElementById("x").classList.item(0);
測(cè)試看看?/?

找出元素是否具有“shadow”類：

var list = document.getElementById("x").classList;

if (list.contains("shadow")) {
alert("Yes!!! The P element contains 'shadow' class");
} else {
alert("No 'shadow' class found");   
}
測(cè)試看看?/?

切換一個(gè)類（“open”）以創(chuàng)建側(cè)面導(dǎo)航按鈕：

相關(guān)參考

CSS教程：CSS選擇器

CSS參考：CSS#id選擇器

CSS Reference: CSS .class 選擇器

HTML DOM參考：HTML DOM className屬性

HTML DOM參考：HTML DOM getElementsByClassName()方法

HTML DOM參考：HTML DOM getElementById()方法

HTML DOM參考：HTML DOM querySelector()方法

HTML DOM Element 對(duì)象