精华内容
下载资源
问答
  • js通过class获取元素

    2014-11-24 14:32:00
    <!doctype html> <html> <head> <meta charset="utf-8"> <meta charset="utf-8">...通过class获取元素</title> <style> #box div { width:100px; height...

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta charset="utf-8">
    <title>通过class获取元素</title>
    <style>
    #box div { width:100px; height:100px; border:1px solid red; margin:10px; }
    #box .bar { background:#ccc; }
    </style>
    <script>
    window.onload=function (){
        var oDiv=document.getElementById('box');
        
        var arr=getByClass(oDiv, 'bar');
        
        alert(arr.length);
    };
    
    function getByClass(oParent, sClassName)
    {
        var res=[];
        var aTmp=oParent.getElementsByTagName('*');
        
        for (var i=0; i<aTmp.length; i++)
        {
            if (aTmp[i].className.indexOf(sClassName) != -1)
           { res.push(aTmp[i]); } }
    return res; } </script> </head> <body> <div id="box"> <div class="bar item"></div> <div class="bar"></div> <div class="bar"></div> <div></div> <div></div> <p class="bar"></p> </div> </body> </html>

     

    转载于:https://www.cnblogs.com/heboliufengjie/p/4118622.html

    展开全文
  • js通过class获取元素的方法

    千次阅读 2016-11-20 18:29:48
    //将所有class通过‘空格’拆分,存到数组aClass中,然后循环遍历数组aClass,若存在和目标相同的className,则把包含目标class的标签存到数组arr中,跳出循环。 for ( var j= 0 ; j<aClass.length; j++) { ...
    function getElementsByClassName(oParent,tagName,className){
        var aEls=oParent.getElementsByTagName(tagName);
        var iLen=aEls.length;
        var arr=[];
    
        for (var i=0; i<iLen; i++) {
            var aClass=aEls[i].className.split(' ');//将所有class通过‘空格’拆分,存到数组aClass中,然后循环遍历数组aClass,若存在和目标相同的className,则把包含目标class的标签存到数组arr中,跳出循环。
            for (var j=0; j<aClass.length; j++) {
                if (aClass[j]==className) {
                    arr.push(aEls[i]);
                    break;//防止一个元素含多个相同的className而被多次选中
                }
            }
        }
        return arr;
    }
    展开全文
  • javascript获取元素有很多的方法,本文简单的介绍下通过class获取元素的实现代码,感兴趣的朋友可以参考下,希望本文知识点可以帮助到你
  • 获取元素集合的方法有很多,接下来为大家介绍喜爱使用js通过元素class名字获取元素集合的方法
  • document.getElementsByClassName(‘test’);
    document.getElementsByClassName('test');
    
    展开全文
  • javascript根据class获取元素

    千次阅读 2014-12-23 08:53:31
    /* Written by Jonathan Snook, http://www.snook.ca/jonathan Add-ons by Robert Nyman, http://www.robertnyman.com Author says "The credit comment is all it takes, no license. Go crazy with it!:-)" Fr
    /*
    	Written by Jonathan Snook, http://www.snook.ca/jonathan
    	Add-ons by Robert Nyman, http://www.robertnyman.com
    	Author says "The credit comment is all it takes, no license. Go crazy with it!:-)"
    	From http://www.robertnyman.com/2005/11/07/the-ultimate-getelementsbyclassname/
    */
    function getElementsByClassName(oElm, strTagName, oClassNames){
    	var arrReturnElements = new Array();
    	if ( typeof( oElm.getElementsByClassName ) == "function" ) {
    		/* Use a native implementation where possible FF3, Saf3.2, Opera 9.5 */
    		var arrNativeReturn = oElm.getElementsByClassName( oClassNames );
    		if ( strTagName == "*" )
    			return arrNativeReturn;
    		for ( var h=0; h < arrNativeReturn.length; h++ ) {
    			if( arrNativeReturn[h].tagName.toLowerCase() == strTagName.toLowerCase() )
    				arrReturnElements[arrReturnElements.length] = arrNativeReturn[h];
    		}
    		return arrReturnElements;
    	}
    	var arrElements = (strTagName == "*" && oElm.all)? oElm.all : oElm.getElementsByTagName(strTagName);
    	var arrRegExpClassNames = new Array();
    	if(typeof oClassNames == "object"){
    		for(var i=0; i<oClassNames.length; i++){
    			arrRegExpClassNames[arrRegExpClassNames.length] =
    				new RegExp("(^|\\s)" + oClassNames[i].replace(/\-/g, "\\-") + "(\\s|$)");
    		}
    	}
    	else{
    		arrRegExpClassNames[arrRegExpClassNames.length] =
    			new RegExp("(^|\\s)" + oClassNames.replace(/\-/g, "\\-") + "(\\s|$)");
    	}
    	var oElement;
    	var bMatchesAll;
    	for(var j=0; j<arrElements.length; j++){
    		oElement = arrElements[j];
    		bMatchesAll = true;
    		for(var k=0; k<arrRegExpClassNames.length; k++){
    			if(!arrRegExpClassNames[k].test(oElement.className)){
    				bMatchesAll = false;
    				break;
    			}
    		}
    		if(bMatchesAll){
    			arrReturnElements[arrReturnElements.length] = oElement;
    		}
    	}
    	return (arrReturnElements)
    }

    展开全文
  • 除了getElementsByClassName()函数,我们可以自己动手编写程式来通过class获取元素,接下来我们整理了一下JavaScript通过HTML的class来获取HTML元素的方法总结,需要的朋友可以参考下
  • <!... , initial-scale=1.0"> <title></title> ... <div id='box' class="a b c">...通过getAttribute('class')即可获取,或者是获取dom节点的className属性 运行上面的代码就会看到控制台输出对应的类名 a b c
  • 以前以为html元素中的id和class等只能通过字母数字或者下划线等特殊字符命名,如果单存使用中文浏览器不会报错,但是js获取不到的,但是今天逛论坛的时候发现不是这样的。 代码如下: 运行结果: 论坛来源...
  • js 获取class元素的方法 以及创建方法getElementsByClassName,需要的朋友可以参考一下
  • 本文实例讲述了JS封装通过className获取元素的函数。分享给大家供大家参考,具体如下: <div class=star> <div class=star> <div class=app> <p class=star> <p class=ar> 假设要获取所有.star元素 ...
  • js获取class的所有元素

    2020-10-27 13:45:29
    ie不支持getElementsByClassName,所以要自己实现获取类名为className的所有元素
  • js通过class获取标签里面的内容——看源码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <p ...
  • 1、通过class的值获取元素 语法: node.getElementsByClassName("class属性值"); node表示任何节点对象 注意,得到的是一个集合 2、通过选择器选取元素 语法: node.querySelector("选择器名")...
  • js根据class获取div元素

    万次阅读 2018-04-10 17:01:21
    document.querySelectorAll("div.className")
  • 下面小编就为大家带来一篇js通过classname来获取元素的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起 小编过来看看吧
  • 方法一: <span class="test"></span> <script> console.log(document.querySelector(".test")) </script>
  • js获取class元素的个数

    千次阅读 2019-01-10 19:27:47
    document.getElementsByClassName('cover-item').length
  •  //判断当前元素class名是否包含active的class  if (bool!=-1) { // -1表示没有找到匹配的“active”名字的class  me.removeClass("active");  }else{  me.addClass("active");  }  // bool.css('...
  • js文件中获取元素class属性方法
  • js通过类名获取元素对象

    万次阅读 2014-05-04 09:57:36
    方式一:通过遍历所有元素对象获取
  • js获取class选择元素

    万次阅读 2013-05-25 11:55:33
    通过获取到的元素可能有一个,也可能有多个,所以它和getElementsByTagName一样,返回的是一个对象数组。 我们知道,类都是应用在html标签上,如 div,p,ul,li等,所以我们要获取到整个文档下的所有html标签,把...
  • JQuery固然很方便,但若抛开它,一样可以用原生javascript获取dom元素。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> *{margin:0;padding:0;} ...
  • 22 H5原生JS获取元素class属性值及操作 前面说到每一个预定义属性都有一个property与之对应。因为class是关键字因此attribute对应的property名称为className,通过className我们可以获取到元素class的属性值。 1...
  • js 一段代码获取元素class样式

    千次阅读 2016-05-18 20:01:05
    function getStyle(obj, attr) { if(obj.currentStyle){ return obj.currentStyle[attr]; }else{ return getComputedStyle(obj,false)[attr]; } }

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 197,338
精华内容 78,935
关键字:

js通过class获取元素