zoukankan      html  css  js  c++  java
  • js通过class获取元素时的兼容性解决方案



    1:::::方法代码如下:

    function getByClass(sClass){

        var aResult=[];

        var aEle=document.getElementsByTagName('*');

        for(var i=0;i<aEle.length;i++){

           /*当className相等时添加到数组中*/

           if(aEle[i].className==sClass){

                aResult.push(aEle[i]);

            }

        }

        return aResult;

    };


    调用方法(实际使用):

    window.onload=function (){

        var aBox=getByClass("box");

        for(var i=0;i<aBox.length;i++){

           alert(aBox[i].innerHTML);

        }

    };
    ----------------------------------------------------------------------
    2::::::::::::::::::;如<div class="box aa bb"></div>,我们可以将class通过空格拆分成数组,如果要获取的class满足数组中的一个元素,那么就获得此元素。


    方法代码如下:

    function getByClass(oParent,sClass){//oParent获取类的父元素

        var aResult=[];

        var aEle=oParent.getElementsByTagName('*');
       

        for(var i=0;i<aEle.length;i++){

            /*将每个className拆分*/

            var arr=aEle[i].className.split(/s+/);

            for(var j=0;j<arr.length;j++){

                /*判断拆分后的数组中有没有满足的class*/

                if(arr[j]==sClass){

                    aResult.push(aEle[i]);

                }

            }

        }

        return aResult;

    };

  • 相关阅读:
    Linux 间网线直连
    Ubuntu 14.04安装配置NFS
    Android Native IPC 方案支持情况
    使用WindowsAPI获取录音音频
    Ubuntu 64编译32位程序
    TensorFlow 安装 Ubuntu14.04
    纯css实现表单输入验证
    安装ELectron失败解决方案
    正则学习
    常见web攻击
  • 原文地址:https://www.cnblogs.com/huangshikun/p/6526869.html
Copyright © 2011-2022 走看看