原生js判断某个元素是否有指定的class名的几种方法

JavaScript022

原生js判断某个元素是否有指定的class名的几种方法,第1张

//第一种方法,用classList这个H5 API,有兼容性问题

if(p[i].classList.contains('test')==true){

console.log(p[i].innerHTML)

}

//第二种方法,用className这个属性

if(p[i].className=='test'){

console.log(p[i].innerHTML)

}

//第三种方法,用getAttribute()这个方法

if(p[i].getAttribute("class")=='test'){

console.log(p[i].innerHTML)

}

}

以上三种可以任选,条件是不考虑兼容性和多个class名的情况

可以参考下面的两种方法:

1、直接判断对象不为null

if (!myObj) { 

var myObj = { }

}

Javascript语言是"先解析,后运行",解析时就已经完成了变量声明

2、使用window对象判断某对象是否存在

if (!window.myObj) { 

var myObj = { }

}

扩展资料:

javascript函数

charCodeAt(index)返回一个整数,该整数表现String对象中指定位置处的字符的Unicode编码

concat(string2)衔接两条或少条字符串

fromCharCode(num1, num2, …,BB霜, numN)获取指定的Unicode值并返回字符串

indexOf(searchString, startIndex) 返回字符串中第一个呈现指定字符串的地位

lastlndexOf(searchString, startIndex) 返回字符串中最后一个呈现指定字符串的地位

match(regex) 在字符串中查觅指定值

参考资料来源:百度百科-javascript

参考资料来源:百度百科-JavaScript 函数

var li=document.getElementsByTagname('li') //获取li元素

判断是否含有class值

if(li.className.indexOf("class名称")>-1)

{

//存在这个class名

}else{

//不存在这个class名

}