zoukankan      html  css  js  c++  java
  • 原生js判断某个元素是否有指定的class名的几种方法

    【注意】以下方法只对class只有一个值的情况下操作

    *************************************************************

    结构部分:

    <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名的情况

  • 相关阅读:
    [kuangbin带你飞]专题1-23
    ES code study
    ES特点
    CENTOS7命令
    ES单机版安装
    ES安装手册
    数据库三大范式(1NF,2NF,3NF)及ER图
    win10下Spark的环境搭建
    MySQL安装详细图解整理
    MySQL中format()函数
  • 原文地址:https://www.cnblogs.com/h5c3/p/5786059.html
Copyright © 2011-2022 走看看