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

  • JavaScript事件绑定方法,class属性操作
  • 花生壳不能使用主机映射怎么办
  • 如何用jQuery动态在某个DIV里写入HTML代码
  • 图片绕Y轴3D转动90度页面事例
  • 如何向Mysql数据库中插入中文字符
  • 热门搜索
    墨江旅游 浙江舟山旅游攻略 泰国清迈旅游 黄果树旅游攻略 旅游去哪里好玩 北京著名旅游景点 金华旅游景点 旅游调查报告 中国旅游节 广州的旅游景点