你的位置:首页 > Java教程

[Java教程]javascript如何获取属性值


javascript如何获取属性值:
在很多时候,我们要取元素指定属性的属性值以便在代码中使用,下面就结合实例简单介绍一下次功能,先看一段代码实例:

 

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>javascript如何获取属性值-蚂蚁部落</title> <style type="text/css">body,ul,li{  margin:0;  padding:0;  font-size:13px;}ul,li{ list-style:none;}</style><script type="text/javascript">window.onload=function(){ var mylis=document.getElementsByTagName("a"); for(var i=0;i<mylis.length;i++) {   alert(mylis[i].attributes["selectid"].value); }}</script></head><body><ul><li><a href="#" selectid="1">导航菜单</a></li><li><a href="#" selectid="2">焦点幻灯片</a></li><li><a href="#" selectid="3">广告代码</a></li><li><a href="#" selectid="4">网页特效</a></li><li><a href="#" selectid="5">jquery特效</a></li></ul></body></html>

 

以上代码可以便利所有的a元素,并且可以读取指定属性的属性值,能够兼容各主流浏览器。下面简单介绍一下实现过程:
一.实现原理:
通过for循环能够遍历每一个a元素,attributes属性可以获取元素的所具有的属性集合,然后通过相应的属性名称获取对应的属性值。
二.代码注释:
1.var mylis=document.getElementsByTagName("a")获取a元素的集合。
2.for(var i=0;i<mylis.length;i++)能够便利a元素集合,并且使用alert(mylis.attributes["selectid"].value)弹出每一个a元素的selectid属性的属性值。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=6368

更多内容可以参阅:http://www.softwhy.com/javascript/