JavaScript：怎么获得页面元素的id和name值？
JavaScript是一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。js获取页面元素方法：（举例，获取页面中input输入框的id和name）
1、通过document.getElementsByTagName获取input元素；inputs=document.getElementsByTagName("input");
2、根据1获取第一个的元素来获取属性值；
var name = inputs[0].name;
3、如果需要获取所有的值，只需遍历inputs即可。
具体代码如下：
inputs=document.getElementsByTagName("input");
var first = inputs[0];
var first_name = first.name;
var first_id = first.id;
console.log(first_name);
console.log(first_id);
这个问题还是要在具体的实例中,解决会比较简单一点.那我简单列举两种情况下获取页面元素的id和name的方法吧.
1.事件中
每一个事件方法中都会带一个event事件的属性参数,这个参数中就包含一个targe属性名,值表示的就是触发事件的节点,那我们可以这样获取
2.非事件中
在非事件方法中,你想获取页面元素的id和name,那你首先就需要找到对应的节点.你可以用document对象找,当然还是建议用jquery
节点获取了,那获取属性的方法还是跟上面的方法是一样的.
在这里我们可以看出来,使用jquery方式更加简洁方便.重要的是码字少呀.还是建议用一下jquery.而且jquery对于浏览器兼容也做了部分优化.
通过函数参数this，将自身传递给函数。从而获取对象的name与id属性。具体代码如下：
<script language=javascript>function temp(get_obj){alert(get_obj.name);alert(get_obj.id);}</script><body><input type="button" name="n1" id="bu1" value="第一个" onclick=temp(this)><input type="button" name="n2" id="bu2" value="第二个" onclick=temp(this)><input type="button" name="n3" id="bu3" value="第三个" onclick=temp(this)></body>
测试可用。
还没有评论，来说两句吧...