大家好，今天小编关注到一个比较有意思的话题，就是关于网页开发获取网页元素的方法的问题，于是小编就整理了1个相关介绍网页开发获取网页元素的方法的解答，让我们一起看看吧。

1. JavaScript：怎么获得页面元素的id和name值？

1、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属性。具体代码如下：

lt;script language=javascriptgt;function temp(get_obj){alert(get_obj.name);alert(get_obj.id);}lt;/scriptgt;lt;bodygt;lt;input type="button" name="n1" id="bu1" value="第一个" onclick=temp(this)gt;lt;input type="button" name="n2" id="bu2" value="第二个" onclick=temp(this)gt;lt;input type="button" name="n3" id="bu3" value="第三个" onclick=temp(this)gt;lt;/bodygt;

测试可用。

建议学习下jquery，jQuery获取id或者name的方法如下：

假设jquery对象为a，则获取属性方法如下：a.attr("id")。js为了适应不同的浏览器，需要针对浏览器特殊的属性方法进行扩展。而js框架如jQuery等都已经把浏览器适应性做好了。因此用jquery写代码不需要考虑浏览器兼容性。

请参考。

到此，以上就是小编对于网页开发获取网页元素的方法的问题就介绍到这了，希望介绍关于网页开发获取网页元素的方法的1点解答对大家有用。