js获取属性值方法

2025-11-04 10:44:25

1、获取元素的属性分为两种类型:

1. 获取元素常见的属性(class,id,type,value…)

2. 获取自定义的元素的属性(data-value1,data-valu2...)

2、比如有下面的html代码,使用原生写法获取图片的name属性

<!DOCTYPE html> 

<html> 

<body>

 <img id="compman" name="compman" src="niu.gif" alt="niu

<br> 

<script> 

var imgObj = document.getElementById('compman');

imgName = imgObj.getAttribute("name")

 </script>

 </body>

 </html>

3、jQuery写法

<!DOCTYPE html> 

<html> 

<body>

 <img id="compman" name="compman" src="niu.gif" alt="niu

<br> 

<script> 

imgName = $("#compman").attr('name');

 </script>

 </body>

 </html>

4、jquery

设置属性 jqObj.attr("属性","值")    

   获取属性 jqObj.attr("属性")

5、原生

设置属性  rawObj.setAttribute("属性","值")       

获取属性  rawObj.getAttribute("属性")

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢