js判斷網頁是否存在class值（jquery判斷元素是否有某個class）

本文目錄一覽：

• 1、如何用js判斷dom是否有存在某class的值
• 2、原生js判斷某個元素是否有指定的class名的幾種方法
• 3、js 判斷元素是否含有class
• 4、jquery判斷 頁面是否有class
• 5、如何用JavaScript判斷dom是否有存在某class的值

如何用js判斷dom是否有存在某class的值

var li=document.getElementsByTagname(‘li’) ;//獲取li元素

判斷是否含有class值

if(li.className.indexOf(“class名稱”)-1)

{

//存在這個class名

}else{

//不存在這個class名

}

原生js判斷某個元素是否有指定的class名的幾種方法

如果不考慮兼容IE10以下的話，可以用HTML5中的classList API，非常方便：

var node = document.getElementById(‘demo’);

if(node.classList.contains(‘test’)){

    console.log(‘包含 test 這個class’);

}

兼容的方式是採用className和getAttribute(‘class’)方法：

if (node.getAttribute(‘class’)) {  // 存在class屬性

    // 方式1

    if (node.getAttribute(‘class’).indexOf(‘test’)  -1) {

        console.log(‘包含 test 這個class’);   

    }

    // 方式2

    if (node.className.indexOf(‘test’)  -1) {

        console.log(‘包含 test 這個class’);   

    }

}

js 判斷元素是否含有class

非IE6,7,8可以直接用自帶的屬性getElementsByClassName,如果需要考慮兼容，就需要自己寫了。下面是自己寫的： function getClassName(obj,sName) //–obj是要獲取元素的父級{ //–sName是class名字if(document.getElementsByClassName) {return obj.getElementsByClassName(‘sName’);}else{var aTmp = obj.getElementsByTagName(‘*’);var aRes=[];var arr =[];for(var i=0;i

jquery判斷 頁面是否有class

!doctype html

html

 head

  meta charset=”UTF-8″

  titleDocument/title

 /head

 body

    div class=’a’ id=”b”/div

script src=””/script

script

if($(“#b”).hasClass(“a”)){

alert(“包含class a”);

}

else{

alert(‘no’)

}

/script

 /body    

/html

可以通過$().hasClass()屬性來判斷是否有class

如何用JavaScript判斷dom是否有存在某class的值

function hasClass(ele, cls) {

cls = cls || ”;

if (cls.replace(/\s/g, ”).length == 0) return false;

return new RegExp(‘ ‘ + cls + ‘ ‘).test(‘ ‘ + ele.className + ‘ ‘);

};

第一個參數傳DOM對象，第二個參數傳class名