精华内容
下载资源
问答
  • jquery获取class属性的方法:首先创建一个前端示例文件;然后通过“$('#demo').attr('class');”或者“$('#demo')[0].className;”方法来获取值即可。本文操作环境:Windows7系统、jquery1.2.6版、Dell G3电脑。...

    jquery获取class属性的值的方法:首先创建一个前端示例文件;然后通过“$('#demo').attr('class');”或者“$('#demo')[0].className;”方法来获取值即可。

    81acce2314b00ecdd644498b38e08b37.png

    本文操作环境:Windows7系统、jquery1.2.6版、Dell G3电脑。

    jQuery获取class属性的值是经常要做的一个操作,由于class本身也是元素的一个属性,所以可以通过attr方法来获取class的值。

    代码如下:$('#demo').attr('class');

    当然也可以使用javascript的元素对象来获取,代码如下:$('#demo')[0].className;

    当然通过元素的方法还有很多,这两种方法也就够了,jquery 设置class也是用的attr方法

    拓展:

    attr() 方法设置或返回被选元素的属性和值。

    当该方法用于返回属性值,则返回第一个匹配元素的值。

    当该方法用于设置属性值,则为匹配元素设置一个或多个属性/值对。

    语法

    返回属性的值:$(selector).attr(attribute)

    设置属性和值:$(selector).attr(attribute,value)

    使用函数设置属性和值:$(selector).attr(attribute,function(index,currentvalue))

    设置多个属性和值:$(selector).attr({attribute:value, attribute:value,...})

    7b96b896e6755b0dcba918ddb34dd112.png

    展开全文
  • 原生Js通过class属性值获取对象window.onload = function(){console.log(getElementByClassName("tag").length);console.log(getElementByClassName("tag"));}function getElementByClassName(classnames){var ...
    原生Js通过class属性值获取对象

    window.onload = function(){

    console.log(getElementByClassName("tag").length);

    console.log(getElementByClassName("tag"));

    }

    function getElementByClassName(classnames){

    var objArray= new Array();//定义返回对象数组

    var tags=document.getElementsByTagName("*");//获取页面所有元素

    var index = 0;

    for(var i in tags){

    if(tags[i].nodeType==1){

    if(tags[i].getAttribute("class") == classnames){ //如果某元素的class值为所需要

    objArray[index]=tags[i];

    index++;

    }

    }

    }

    return objArray;

    }

    测试结果如下:

    1

    [div.tag]

    结论:目前方法仅仅可以获得class的属性值唯一的那个对象

    展开全文
  • 22 H5原生JS获取元素class属性值及操作 前面说到每一个预定义属性都有一个property与之对应。因为class是关键字因此attribute对应的property名称为className,通过className我们可以获取到元素class的属性值。 1...

    22 H5原生JS获取元素class属性值及操作

        前面说到每一个预定义属性都有一个property与之对应。因为class是关键字因此attribute对应的property名称为className,通过className我们可以获取到元素class的属性值。

    1 获取class的属性值

    示例

    	<head>
    		<meta charset="UTF-8">
    		<title>01_H5原生JS获取元素class属性值及操作</title>
    	</head>
    	<body>
    		<div id="test" class="test1 test2 test3"></div>
    		<script type="application/javascript">
    			var divNode = document.querySelector("#test");
    			console.log(divNode.className);
    		</script>
    	</body>

    效果

    2 操作class属性值

        因为通过property属性获取到class属性值是字符串,操作起来特别不方便。因此H5提供了另一个属性classList,用于获取class属性值及操作class属性值。该方法返回一个数组。

    示例

    	<head>
    		<meta charset="UTF-8">
    		<title>02_H5原生JS获取元素class属性值及操作</title>
    	</head>
    	<body>
    		<div id="test" class="test1 test2 test3"></div>
    		<script type="application/javascript">
    			debugger
    			var divNode = document.querySelector("#test");
    			// 添加
    			divNode.classList.add("test4");
    			// 删除
    			divNode.classList.remove("test2");
    			// 存在则删除,不存在则新增
    			divNode.classList.toggle("test1");
    			divNode.classList.toggle("test5");
    		</script>
    	</body>

    效果

     

     

     

    展开全文
  • 原生Js通过class属性值获取对象

    万次阅读 2016-01-04 15:03:31
    原生Js通过class属性值获取对象 window.onload = function(){ console.log(getElementByClassName("tag").length); console.log(getElementByClassName("tag")); } function getElementByClassName(classnames){ ...
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>原生Js通过class属性值获取对象</title>
    <script type="text/javascript">
    window.onload = function(){
    	console.log(getElementByClassName("tag").length);
    	console.log(getElementByClassName("tag"));
    }
    function getElementByClassName(classnames){ 
    	var objArray= new Array();//定义返回对象数组
    	var tags=document.getElementsByTagName("*");//获取页面所有元素
    	var index = 0;
    	for(var i in tags){
    		if(tags[i].nodeType==1){
    			if(tags[i].getAttribute("class") == classnames){ //如果某元素的class值为所需要
    				objArray[index]=tags[i];
    				index++;
    			} 
    		} 
    	} 
    	return objArray;
    }
    </script>
    </head>
    <body>
    	<div class="tag nav" ></div>
    	<div class="tag" ></div>
    </body>
    </html>

    测试结果如下:

    1
     [div.tag]


    结论:目前方法仅仅可以获得class的属性值唯一的那个对象

    展开全文
  • jquery获取class属性的方法:首先创建一个前端示例文件;然后通过“$('#demo').attr('class');”或者“$('#demo')[0].className;”方法来获取值即可。本文操作环境:Windows7系统、jquery1.2.6版、Dell G3电脑。...
  • JS获取class属性

    2013-02-27 16:03:15
    //用js获取Class方法 function getByClass (className,context){ context = context || document; if (context.getElementsByClassName){ return context.getElementsByClassName(className); } var nodes = ...
  • 主要介绍了js获取某元素的class里面的css属性值代码,有需要的朋友可以参考一下
  • 通过HTMLElement类型(对象)的属性获得和设置元素特性var div = document.getElementById("myDiv");var img = document.getElementById("img1");var a = document.getElementById("myA");//取得元素特性alert(div.id)...
  • 原生JS操作class属性

    2021-08-27 13:24:22
    通过classList获取元素的class属性值,使用以下方法操作class值 方法: add(className:String) 添加一个class值 remove(className:String)删除一个class值 replace(oldclassName: string, newclassName: string) ...
  • 使网页变得美观漂亮就要用CSS样式修饰,而作用到具体的html元素上得用class属性。应用多种多样,有时需要给...在 javascript 中,删除html元素的class属性其实是移除属性,用 removeAttribute() 方法,不光移除cl...
  • JS获取CSS属性值

    2015-10-17 17:37:10
    JS获取CSS属性值 obj.style方法 这个方法只能JS只能获取写在html标签中的写在style属性中的值(style=”…”) 看下代码 css直接卸载元素的style里 document.getElementById("test).style;//这时可以获取到...
  • js获取css属性值

    万次阅读 2018-03-21 16:40:59
    因为之前用惯了jq来获取和设置css属性,然后在做demo不使用jq的情况下,竟然在这一点上碰到了问题,然后就自个搜了搜为什么,在查看了很多文档和博客之后才终于搞明白了。 &lt;style&gt; .box{ width:200...
  • 这篇文章主要介绍了js获取某元素的class里面的css属性值代码,有需要的朋友可以参考一下 用js如何获取div中css的 margin、padding、height、border等。你可能说可以直接用document.getElementById("id").style....
  • JavaScript 删除class属性

    千次阅读 2019-04-01 21:14:46
    本文介绍一下利用JavaScript删除元素的class属性。...删除class属性值中的某一个类。 一.删除class属性: <!doctype html> <html> <head> <meta charset="utf-8"> <title>JavaScr...
  • JS获取标签属性值

    千次阅读 2015-10-14 15:54:07
    在实际开发中,需要给一些标签自定义一些属性,而这些标签本身是不包含这些属性的,这时通过一下JS获取属性值。 111 $(document).ready(function(){ $(".statistics a").click(function(){ ...
  • js获取自定义属性值

    2020-03-17 17:09:26
    a href=’ ’ class=" file_name=‘测试属性’ οnclick=‘getdelf(this)’> 通过函数,点击超链接获取值 function getself(obj) { alert( obj.getAttribute(“file_name”)); } 其他网上说用attr(),我试了很久...
  • 获取css 中class 属性值

    2011-08-18 18:55:45
    obj.style方法,这个方法只能JS只能获取写在html标签中的写在style属性中的(style="..."),看一下代码[code]&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "...
  • 在H5的标签里面都有自己的属性 就好比每一个标签...标签的原生的属性值 语法格式: 变量名.getAttribute("属性名") //获取 变量名.setAttribue("属性名","值") //修改 变量名.removeAttribute() // 移除 // 通过这写j
  • 假设有一个标签h5, 我们给它添加了一个自定义属性值,(item.id是从动态添加的) 点击h5 标签,如何才能获取当前对应的自定义属性值呢? 想当然的我最开始这样写: <h5 class=left click='getDataId' data-id=item...
  • JS获取CSS属性值方法

    2013-12-16 19:39:17
    JS获取CSS属性值方法有很多,我这里介绍两种 obj.style方法,这个方法只能JS只能获取写在html标签中的写在style属性中的值(style=”…”),看一下代码 XML/HTML代码...http://www.w3.org/1999/xhtml“> JS
  • 解决思路:一堆小button组成一个大button,当点击小button的时候,会触发大button绑定的事件,在大button事件中获取小button对应的id。 1、 &amp;lt;td class=&quot;btntd search&quot; style=&...
  • js获取某元素的class里面的css属性值

    千次阅读 2014-01-16 16:54:34
    js获取某元素的class里面的css属性值代码。   用js如何获取div中css的 margin、padding、height、border等。你可能说可以直接用document.getElementById("id").style.margin获取。但是你说的只能获取直接在标签中...
  • JS获取select属性值

    2015-12-10 11:53:34
    div class="col-sm-10"> select class="form-control" id="good_enabled" name="good_enabled"> option value="1" selected >启用option> option value="0" >禁用option> select> div>$('#updat
  • js获取class中的属性

    万次阅读 2018-07-17 09:49:09
    js获取class属性需要的函数obj.currentStyle[attr]和getComputedStyle(element, null) var oDiv = document.getElementById('div1');  function getStyle(obj, attr){  return obj.currentStyle ? obj....
  • js修改html中class属性

    万次阅读 2016-10-22 01:05:11
    用到js修改html的class属性值,归纳总结下: 一、获取class属性值 var value = $("div").attr("class"); //这里获取class属性值 var array=val.split(" "); //把class值用空格分开,通过数组获取每个值 二、更改...
  • 获取标签中的class属性

    千次阅读 2019-08-13 10:07:58
    我遇到了一个小问题,就是怎样获取标签内的class属性值,于是乎我就测试了几个我能想到的方法,写了下来供自己查看,在这里也和大家分享一下。 DOM对象和jQuery对象: <!DOCTYPE html> <html> <...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 293,615
精华内容 117,446
关键字:

js获取class属性的值