师院派记忆你的回忆
js通过class获取元素
  • 首页 > 开发语言
  • 作者:zhyu20
  • 2019年4月10日 11:00 星期三
  • 浏览:107
  • 字号:
  • 评论:
  • //此方法可以区分class相同的不同元素(功能相对齐全,理解起来也相对复杂一些)

    function getElementsByClassName( parent,tag,className ){

    //获取所有父节点下的tag元素
    var aEls = parent.getElementsByTagName(tag);
    var arr = [];

    //循环所有tag元素

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

    //将tag元素所包含的className集合(这里指一个元素可能包含多个class)拆分成数组,赋值给aClassName
    var aClassName = aEls[i].className.split(' ');

    //遍历每个tag元素所包含的每个className

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

    //如果符合所选class,添加到arr数组
    if(aClassName[j] == className){
    arr.push(aEls[i]);
    //如果className里面包含'box' 则跳出循环
    break; //防止一个元素出现多次相同的class被添加多次
    }
    };
    };
    return arr;
    }

     

    //此方法不能区分class相同的不同元素

    function getClassName( oParent,oClassName ){
    //获取父节点下所有子元素
    var aEle = oParent.getElementsByTagName('*');
    var arr = [];

    for (var i = 0; i < aEle.length; i++) {
    if( aEle[i].className == oClassName ){
    arr.push( aEle[i] );
    }
    };
    return arr;
    }

      您阅读这篇文章共花了:  
    二维码加载中...
    本文作者:zhyu20      文章标题: js通过class获取元素
    本文地址:http://blog.shiyuanpai.com/kaifayuyan/865.html
    版权声明:若无注明,本文皆为“师院博客”原创,转载请保留文章出处。
    • blogger
    返回顶部| 首页| 手气不错| 后花园

    Copyright © 2014-2016 师院博客   皖ICP备14013862号

    sitemap