蓉杠学习网

J***aScript原型覆盖,js方法覆盖

大家好,今天小编关注到一个比较意思的话题,就是关于javascript原型覆盖的问题,于是小编就整理了2个相关介绍JavaScript原型覆盖的解答,让我们一起看看吧。

  1. 原型链怎么形成的?
  2. JavaScript:怎么获得页面元素的id和name值?

原型链怎么形成的?

原型链是基于__proto__形成的,继承通过prototype实现的。

每个对象都有一个__proto__属性,原型链上的对象正是依靠这个__proto__属性连结在一起的! 对于原型链上的一个对象obj,那么访问obj.xxx属性(方法也是属性)的过程是: 自身有xxx属性,则访问它;如果没有,就通过__proto__属性找到其原型链的上一级原型对象,看它有没有xxx属性,如此递归查找,直至找到xxx属性或到了原型链顶端Object.prototype对象为止。 
函数拥有prototype属性,该属性值是一个object类型。当函数A创建对象B的时候,B对象的__proto__会指向A.prototype,这就是javascript的继承。

JavaScript原型覆盖,js方法覆盖div>
图片来源网络,侵删)

JavaScript:怎么获得页面元素的id和name值?

js获取页面元素方法:(举例,获取页面中input输入框的id和name)

1、通过document.getElementsByTagName获取input元素;inputs=document.getElementsByTagName("input");

2、根据1获取第一个的元素来获取属性值;

JavaScript原型覆盖,js方法覆盖
(图片来源网络,侵删)

var name = inputs[0].name;

3、如果需要获取所有的值,只需遍历inputs即可。

具体代码如下

JavaScript原型覆盖,js方法覆盖
(图片来源网络,侵删)

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

&lt;script language=j***ascript&gt;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.rongung.com/post/36345.html

分享:
扫描分享到社交APP