js 检查元素是否含有某种css样式

html-css025

js 检查元素是否含有某种css样式,第1张

可以通过jquery来实现,

首先,用hasClass方法判断它是否有这种样式,

接着,如果有,执行冒号前面的语句,

如果没有,执行冒号后面的语句。

具体是以下代码:

$("#id").hasClass("className") ? console.log("Has this class.") : console.log("Do not has this class.")

比较靠谱的跨浏览器兼容的解决方法是在css里面写一行样式设置,比如 #cssDetectFoo {width: 1px},然后 js 创建一个不可见的 div#cssDetectFoo,加载 css,setInterval 去判断这个 div 的高度是否变成 1px