分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

分享知识-快乐自己:JS 检查元素是否含有某种css样式

发布时间:2023-09-06 02:27责任编辑:熊小新关键词:暂无标签

第一种 原生 JS:

*************************************************************结构部分:<div> ??<p>1</p> ??<p class="test">2</p> ??<p>3</p></div>**************************************************************js部分:var p = document.getElementsByTagName(‘p‘);for(var i = 0;i <p.length;i++){  //第一种方法,用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名的情况

第二种 jquery:

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

分享知识-快乐自己:JS 检查元素是否含有某种css样式

原文地址:https://www.cnblogs.com/mlq2017/p/10165488.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved