js获取属性值方法

 时间:2026-04-25 10:15:52

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数据库中插入中文字符
  • 热门搜索
    无锡旅游攻略 濮阳旅游 海边旅游景点排行 清迈旅游 三亚旅游攻略自由行 仙居旅游 北京旅游路线 常州旅游商贸高等职业技术学校 银基国际旅游度假区 武汉旅游景点