第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

檢查元素是否包含JavaScript中的類?

檢查元素是否包含JavaScript中的類?

胡說叔叔 2019-07-10 10:27:18
檢查元素是否包含JavaScript中的類?  使用普通JavaScript(而不是jQuery),是否有任何方法檢查元素含一堂課?目前,我正在做這樣的事情:var test = document.getElementById("test");var testClass = test.className;switch (testClass) {  case "class1":    test.innerHTML = "I have class1";    break;  case "class2":    test.innerHTML = "I have class2";    break;  case "class3":    test.innerHTML = "I have class3";    break;  case "class4":    test.innerHTML = "I have class4";    break;  default:    test.innerHTML = "";}<div id="test" class="class1"></div>問題是如果我把HTML改成這個.。<div id="test" class="class1 class5"></div>.不再是完全匹配的,所以我得到默認(rèn)的零輸出("")。但我還是希望輸出I have class1因?yàn)?lt;div>仍然含這個.class1班級,等級。
查看完整描述

3 回答

?
慕標(biāo)琳琳

TA貢獻(xiàn)1830條經(jīng)驗(yàn) 獲得超9個贊

使用element.classList .contains方法:

element.classList.contains(class);

這在所有當(dāng)前的瀏覽器上都是有效的,而且還存在支持舊瀏覽器的Poly填充。


交替,如果您使用的是舊的瀏覽器,并且不希望使用復(fù)合填充來修復(fù)它們,則可以使用indexOf是正確的,但你必須稍微調(diào)整一下:

function hasClass(element, className) {
    return (' ' + element.className + ' ').indexOf(' ' + className+ ' ') > -1;}

否則你也會得到true如果您要查找的類是另一個類名的一部分。

演示

jQuery使用類似的(如果不是相同的)方法。


應(yīng)用于該示例:

由于它不能與Switch語句一起工作,所以您可以使用以下代碼實(shí)現(xiàn)同樣的效果:

var test = document.getElementById("test"),
    classes = ['class1', 'class2', 'class3', 'class4'];test.innerHTML = "";for(var i = 0, j = classes.length; i < j; i++) {
    if(hasClass(test, classes[i])) {
        test.innerHTML = "I have " + classes[i];
        break;
    }}

它也不那么多余;)


查看完整回答
反對 回復(fù) 2019-07-10
?
慕工程0101907

TA貢獻(xiàn)1887條經(jīng)驗(yàn) 獲得超5個贊

簡單而有效的解決辦法就是嘗試.包含方法。

test.classList.contains(testClass);


查看完整回答
反對 回復(fù) 2019-07-10
?
回首憶惘然

TA貢獻(xiàn)1847條經(jīng)驗(yàn) 獲得超11個贊

由于他想使用Switch(),我感到驚訝的是,還沒有人提出這個問題:

var test = document.getElementById("test");var testClasses = test.className.split(" ");
test.innerHTML = "";for(var i=0; i<testClasses.length; i++) {
    switch(testClasses[i]) {
        case "class1": test.innerHTML += "I have class1<br/>"; break;
        case "class2": test.innerHTML += "I have class2<br/>"; break;
        case "class3": test.innerHTML += "I have class3<br/>"; break;
        case "class4": test.innerHTML += "I have class4<br/>"; break;
        default: test.innerHTML += "(unknown class:" + testClasses[i] + ")<br/>";
    }}


查看完整回答
反對 回復(fù) 2019-07-10
  • 3 回答
  • 0 關(guān)注
  • 537 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號