大家好，今天小编关注到一个比较有意思的话题，就是关于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对于浏览器兼容也做了部分优化.
建议学习下jquery，jQuery获取id或者name的方法如下：
***设jquery对象为a，则获取属性方法如下：a.attr("id")。js为了适应不同的浏览器，需要针对浏览器特殊的属性方法进行扩展。而js框架如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>
测试可用。
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/68272.html
相关推荐
-
css3新增伪类type,css3新增伪类的是
大家好，今天小编关注到一个比较有意思的话题，就是关于css3新增伪类type的问题，于是小编就整理了4个相关介绍css3新增伪类type的解答，让我们一起看看吧。css如何设置悬浮旋转？伪类和伪元素的区别在哪，有什么作用？为什么html文字...
2024-12-29 -
css溢出的属性和属性值,css溢出的属性和属性值的区别
大家好，今天小编关注到一个比较有意思的话题，就是关于css溢出的属性和属性值的问题，于是小编就整理了4个相关介绍css溢出的属性和属性值的解答，让我们一起看看吧。css鼠标经过时候溢出是什么样式？html滚动条的默认值？css隐藏元素的几种...
2024-12-29 -
css盒子上下居中文字,css让盒子上下居中
大家好，今天小编关注到一个比较有意思的话题，就是关于css盒子上下居中文字的问题，于是小编就整理了4个相关介绍css盒子上下居中文字的解答，让我们一起看看吧。html盒子居中方法？html中如何让文字上下居中？CSS中怎么让文字始终在页面的...
2024-12-29 -
CSS选择器主要包括哪些,css选择器主要包括哪些内容
大家好，今天小编关注到一个比较有意思的话题，就是关于CSS选择器主要包括哪些的问题，于是小编就整理了4个相关介绍CSS选择器主要包括哪些的解答，让我们一起看看吧。CSS中有哪些常用选择器？CSS中有哪些常用选择器？css选择器包括class...
2024-12-28 -
html完美居中,html整个居中
大家好，今天小编关注到一个比较有意思的话题，就是关于html完美居中的问题，于是小编就整理了3个相关介绍html完美居中的解答，让我们一起看看吧。Html如何设置元素水平居中？Html如何设置元素水平居中？HTML中设置水平居中的几种方法？...
2024-12-28 -
css设置div在右下角,div固定在右下角
大家好，今天小编关注到一个比较有意思的话题，就是关于css设置div在右下角的问题，于是小编就整理了3个相关介绍css设置div在右下角的解答，让我们一起看看吧。css如何控制某一个div始终位于页面右侧？css如何控制某一个div始终位于...
2024-12-28 -
javascript固定长数组,js创建固定长度的数组
大家好，今天小编关注到一个比较有意思的话题，就是关于javascript固定长数组的问题，于是小编就整理了3个相关介绍javascript固定长数组的解答，让我们一起看看吧。js如何将数组格式化？js不能用于添加数组元素的是:？js数组m...
2024-12-28 -
css选择器定位伪元素,css 伪选择器
大家好，今天小编关注到一个比较有意思的话题，就是关于css选择器定位伪元素的问题，于是小编就整理了1个相关介绍css选择器定位伪元素的解答，让我们一起看看吧。如何改变某个元素的文本颜色？如何改变某个元素的文本颜色？使用css的color属性...
2024-12-28 -
css哪个属性是固定定位,css哪个属性是固定定位的
大家好，今天小编关注到一个比较有意思的话题，就是关于css哪个属性是固定定位的问题，于是小编就整理了2个相关介绍css哪个属性是固定定位的解答，让我们一起看看吧。css对象属性中什么分类可以调整对象的位置和大小？相对定位和绝对定位怎么区别？...
2024-12-28 -
javascript下拉列表实例,javascript 下拉列表
大家好，今天小编关注到一个比较有意思的话题，就是关于javascript下拉列表实例的问题，于是小编就整理了3个相关介绍javascript下拉列表实例的解答，让我们一起看看吧。js三级联动下拉列表怎么实现？js获取下拉框的值？JSP中怎样...
2024-12-28
