网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

js获取属性值方法

时间:2024-10-13 23:20:44

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" width="1207" height="198"><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" width="1207" height="198"><br><script>imgName = $("#compman").attr('name');</script></body></html>

4、jquery设置属性 jqObj.attr("属性","值") 获取属性 jqObj.attr("属性")

5、原生设置属性 rawObj.setAttribute("属性","值") 获取属性 rawObj.getAttribute("属性")

© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com