大家好，今天小编关注到一个比较有意思的话题，就是关于javascript拓展代码的问题，于是小编就整理了2个相关介绍JavaScript拓展代码的解答，让我们一起看看吧。
javascript：怎么获得页面元素的id和name值？
js获取页面元素方法：（举例，获取页面中input输入框的id和name）
1、通过document.getElementsByTagName获取input元素；inputs=document.getElementsByTagName("input");
div>2、根据1获取第一个的元素来获取属性值；
var name = inputs[0].name;
具体代码如下：
inputs=document.getElementsByTagName("input");
var first = inputs[0];
var first_name = first.name;
这个问题还是要在具体的实例中,解决会比较简单一点.那我简单列举两种情况下获取页面元素的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>
测试可用。
建议学习下jquery，jQuery获取id或者name的方法如下：
***设jquery对象为a，则获取属性方法如下：a.attr("id")。js为了适应不同的浏览器，需要针对浏览器特殊的属性方法进行扩展。而js框架如jQuery等都已经把浏览器适应性做好了。因此用jquery写代码不需要考虑浏览器兼容性。
请参考。
J***aScript：怎么获得页面元素的id和name值？
通过函数参数this，将自身传递给函数。从而获取对象的name与id属性。具体代码如下：
<script language=j***ascript>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>
测试可用。
到此，以上就是小编对于j***ascript拓展代码的问题就介绍到这了，希望介绍关于j***ascript拓展代码的2点解答对大家有用。
[免责声明]本文来源于网络，不代表本站立场，如转载内容涉及版权等问题，请联系邮箱:83115484@qq.com，我们会予以删除相关文章，保证您的权利。 转载请注明出处：http://www.fengdengtech.com/post/33072.html
相关推荐
-
javascript入门到进阶,javascript进阶教程
大家好，今天小编关注到一个比较有意思的话题，就是关于javascript入门到进阶的问题，于是小编就整理了2个相关介绍javascript入门到进阶的解答，让我们一起看看吧。前端nodejs需要学到什么程度？如何学习Web开发？前端node...
2024-12-23 -
javascript加成员函数,js添加函数
大家好，今天小编关注到一个比较有意思的话题，就是关于javascript加成员函数的问题，于是小编就整理了3个相关介绍javascript加成员函数的解答，让我们一起看看吧。js原型函数和成员函数区别？和平精英js战队成员介绍？web前端初...
2024-12-23 -
javascript汉语意思,javascript的中文
大家好，今天小编关注到一个比较有意思的话题，就是关于javascript汉语意思的问题，于是小编就整理了2个相关介绍javascript汉语意思的解答，让我们一起看看吧。js可以写软件吗？javascriptURL中文编码？js可以写软件吗...
2024-12-23 -
javascript用做什么,javascript用来做什么
大家好，今天小编关注到一个比较有意思的话题，就是关于javascript用做什么的问题，于是小编就整理了2个相关介绍javascript用做什么的解答，让我们一起看看吧。js是做什么的？前端html和js可以做什么？js是做什么的？Java...
2024-12-23 -
javascript调用python文件,javascript 调用python
大家好，今天小编关注到一个比较有意思的话题，就是关于javascript调用python文件的问题，于是小编就整理了3个相关介绍javascript调用python文件的解答，让我们一起看看吧。js怎么调用python脚本？js如何获取py...
2024-12-23 -
javascript怎么串联字符,javascript字符串连接
大家好，今天小编关注到一个比较有意思的话题，就是关于javascript怎么串联字符的问题，于是小编就整理了2个相关介绍javascript怎么串联字符的解答，让我们一起看看吧。两个js14p时间继电器串联接线方法？web前端初学者如何系统...
2024-12-23 -
html导入表单,html导入表格
大家好，今天小编关注到一个比较有意思的话题，就是关于html导入表单的问题，于是小编就整理了1个相关介绍html导入表单的解答，让我们一起看看吧。html怎么获取form表单？html怎么获取form表单？html中获取表单数据的的方法一般...
2024-12-23 -
javascript实现多表头,js实现表头固定
大家好，今天小编关注到一个比较有意思的话题，就是关于javascript实现多表头的问题，于是小编就整理了1个相关介绍javascript实现多表头的解答，让我们一起看看吧。怎么把上传的数据做进表格？怎么把上传的数据做进表格？要将上传的数据...
2024-12-23 -
javascript页面脚本技术,javascript网页脚本
大家好，今天小编关注到一个比较有意思的话题，就是关于javascript页面脚本技术的问题，于是小编就整理了2个相关介绍javascript页面脚本技术的解答，让我们一起看看吧。JavaScript可以实现哪些效果？或者是做什么的？网页代码...
2024-12-23 -
字体加深html,字体加深怎么弄
大家好，今天小编关注到一个比较有意思的话题，就是关于字体加深html的问题，于是小编就整理了1个相关介绍字体加深html的解答，让我们一起看看吧。怎么提高javascript编程能力？怎么提高javascript编程能力？买本入门书（中等厚...
2024-12-23
