js获取属性值方法

时间:2026-02-13 13:45:01

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("属性")

© 2026 五度知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com