首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >Javascript:定义一个新的原型,用document.findId()替换document.getElementById()

Javascript:定义一个新的原型,用document.findId()替换document.getElementById()
EN

Stack Overflow用户
提问于 2018-12-30 20:04:08
回答 1查看 37关注 0票数 1

我要做的是创建一个原型函数,它可以像document.getElementById()的短版本一样使用;它看起来像kile this: document.findId();这个方法将返回与我使用常规getElementById()相同的值。假设我做了这样的事情:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
Element.prototype.findId = function (value) {
   var element = document.getElementById(value);
   return element;
};

var something = document.findId('some_id');
alert('Id is: ' + something);

我知道这个例子是行不通的,但是什么是实现这个目标的好方法呢?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-12-30 20:07:41

您可以简单地复制该函数。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
document.findId = document.getElementById;

完整示例:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
document.findId = document.getElementById;

document.findId('something').innerHTML = "<b>Hello, world!</b>";
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<div id="something"></div>

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/53981014

复制
相关文章
用javascript替换URL中的参数值
今天遇到一个需要用javascript将url中的某些参数替换的需求,想起了不久前从司徒正美先生的博客中淘到了一个parseUrl函数,正好可以借此实现,代码整理如下: //分析url function parseURL(url) { var a = document.createElement('a'); a.href = url; return { source: url, protocol:
菩提树下的杨过
2018/01/22
3.3K0
[我的理解]Javascript的原型与原型链
一、原型与原型链的定义 原型:为其他对象提供共享属性的对象     注:当构造器创建一个对象,为了解决对象的属性引用,该对象会隐式引用构造器的"prototype"属性。程序通过constructor.prototype可以直接引用到构造器的"prototype"属性。并且添加到对象原型里的属性,会通过继承与所有共享此原型的对象共享。 原型链:每个由构造器创建的对象,都有一个隐式引用(叫做对象的原型)链接到构造器的"prototype"属性。再者,原型可能有一个非空隐式引用链接到它自己的原型,以此类推,这叫
sam dragon
2018/01/17
8640
[我的理解]Javascript的原型与原型链
【JavaScript】原型与原型链
每个函数都会创建一个prototype属性,这个属性是一个对象,包含应该由特定引用类型的实例共享的属性和方法。实际上,这个prototype对象就是通过调用构造函数创建的对象的原型,使用原型对象的好处是,在它上面定义的属性和方法可以被所有实例对象共享。原来在构造函数中直接赋值给对象实例的值,可以直接赋值给它们的原型,如下所示:
CODER-V
2023/03/14
3620
【JavaScript】原型与原型链
JavaScript——对象的原型
如机制和原理(对象基于原型)里所记述的那样,JavaScript是一个基于原型的面向对象的语言。本文着重于对原型的实现机制进行剖析和说明。
Html5知典
2019/11/26
5930
JavaScript的“原型甘露”
今天跟朋友讨论JS的面向对象编程问题,想起了原来曾经看过一篇文章,但是看过很久想不起来了,用了很多关键词,终于用“悟透JavaScript  面向对象”这两个关键词找到了“原文”,原文地址:http://www.cnblogs.com/zhangshiwen/p/3627085.html PS:真正的原文地址在 http://www.cnblogs.com/leadzen/archive/2008/02/25/1073404.html 为防止以后难以看到这样好的文章,特将原文中最有价值的“原型甘露”一段内
用户1177503
2018/02/26
6160
JavaScript原型、原型链及原型链污染
因为在CTF中时常也会考察原型链污染的问题,以前也一直让我捉襟见肘,一直没有系统的学习了解过JS原型的这些相关概念,因此写下本文,通过不断总结大佬的文章,写出自己对于此部分内容的理解。同时建议学习本文前要有对面向对象部分知识的一定理解(无论哪种语言)。
字节脉搏实验室
2020/07/28
1.1K1
JavaScript原型、原型链及原型链污染
JavaScript深入原型到原型链
在这个例子中,Person就是一个构造函数,我们使用new创建了一个实例对象person。
挨踢小子部落阁
2019/07/02
5130
JavaScript深入原型到原型链
浅谈JavaScript原型和原型链
昨天说的构造函数的小问题,我们可以用原型模式来解决,我们可以先看一下(工厂函数和构造函数 ) 直接上代码。
大熊G
2022/11/14
2950
浅谈JavaScript原型和原型链
Javascript 原型链
本来想写一篇“如何用JS实现面向对象”,发现自己对prototype原型链还是有很多的不理解的地方。先看一张原型链关系图:
mmzhou
2018/08/06
5660
Javascript 原型链
javascript 原型及原型链详解
我们创建的每个函数都有一个 prototype (原型)属性,这个属性是一个指针,指向一个原型对象,而这个原型对象中拥有的属性和方法可以被所以实例共享。 function Person(){ } Person.prototype.name = "Nicholas"; Person.prototype.age = 29; Person.prototype.sayName = function(){ alert(this.name); }; var person1 = new Person(); person1
柴小智
2018/04/10
7730
javascript 原型及原型链详解
JavaScript核心概念-原型、原型链
每个函数都有一个prototype属性,那这个属性到底是指向哪里呢?是这个函数的原型吗?
程序员不务正业
2021/05/06
6120
JavaScript编程趋势:用map和filter替换forEach
当你需要拷贝一个数组的全部或者部分到一个新数组的时候,优先使用map和filter而不是forEach。
一墨编程学习
2018/10/22
1.7K0
图解 JavaScript 原型与原型链
原型在平时工作中用得比较少, 但原型是 JavaScript 中的基础, 是构建大型应用, 框架不可或缺的一环, 是你在写代码时, 不知不觉就应用上了的一个最基础的知识.
winty
2020/02/13
9110
图解 JavaScript 原型与原型链
JavaScript原型链
JavaScript中的原型链是一种机制,用于实现对象之间的属性和方法的继承。原型链由对象的隐式原型([[Prototype]])组成,它允许对象在找不到属性或方法时向上查找并在原型链中的上级对象中查找。
堕落飞鸟
2023/05/17
1840
javaScript原型链
javaScript原型链 概念 JavaScript之继承(原型链) 数据结构 var Person = function(){}; Person.prototype.type = 'Person'; Person.prototype.maxAge = 100; 分支主题 prototype(原型) constructor(构造方法) Person.prototype.constructor === Person; 自己的构造,指向自己. 无限循环 proto(原型链) Person.prototype.proto === Object.prototype 指向Object对象prototype(原型) proto(原型链/遗传进化链) 第一层指向,Function对象prototype(原型) 分支主题 Person.proto === Function.prototype 同时Function对象的proto(原型链)也指向Function的prototype(原型) Function.proto === Function.prototype 第二层指向,Object对象prototype(原型) 分支主题 Person.proto.proto === Object.prototype 第三次指向,null Person.proto.proto.proto === null var p = new Person(); console.log(p.maxAge); p.name = 'rainy'; 分支主题 实例对象没有prototype原型属性 仅具有proto(原型链) 第一层指向,Person对象prototype(原型) new Person().proto === Person.prototype 第二层指向,Object对象prototype(原型) new Person().proto.proto == Object.prototype 第二层指向,还等同Person对象的第二层指向 new Person().proto.proto === Person.proto.proto 第三次指向,null new Person().proto.proto.proto === null prototype、proto的关系 dir(Array) 分支主题 dir(new Array()) new Array().proto === Array.prototype true Array.prototype 分支主题 Array. 分支主题 可访问form直接方法 也可访问Array.proto内方法 也可访问Array.proto.proto.... 内方法[继承] 检验是否非进化链proto继承的属性 分支主题 .hasOwnProperty("") 构造指向自己 Array.prototype.constructor === Array true Array.prototype.constructor.prototype.constructor.prototype.constructor .... function Array() { [native code] } proto 分支主题 遗传进化链 or 进化链指针 进化链指针 new String().proto === String.prototype JS内置构造器和自定义函数都是Function构造器的原型(prototype) Array.proto === Function.prototype true String.proto === Function.prototype true Function.proto === Function.prototype true 只有Function.prototype是函数(function)类型 分支主题 为了保证函数构造器们的proto指向的都是函数 不能new的目标 分支主题 没有构造函数(不是函数),不能new 分支主题 分支主题 function才有构造,object没有 继承控制 Object Object.setPrototypeOf(child, parent); Object.prototype.extend class class Porsche extends Car function inherits(Chinese, People) & People.call(this, name, age) inherits(Chinese, People) 分支主题 分支主题 分支主题 作用 c
达达前端
2020/05/09
5040
JavaScript 原型的深入指南
不学会怎么处理对象,你在 JavaScript 道路就就走不了多远。它们几乎是 JavaScript 编程语言每个方面的基础。事实上,学习如何创建对象可能是你刚开始学习的第一件事。
前端小智@大迁世界
2019/05/13
1.1K0
JavaScript 原型的深入指南
JavaScript中的显示原型和隐形原型(理解原型链)
在js中万物皆对象,方法(Function)是对象,方法的原型(Function.prototype)是对象,对象具有属性(__proto__)称为隐式原型,对象的隐式原型指向构造该对象的构造函数的显式原型。
IT人一直在路上
2019/09/18
3.2K0
JavaScript中的显示原型和隐形原型(理解原型链)
Javascript 原型链
每个实例对象(object)都有一个私有属性(称之为 __proto__ )指向它的构造函数的原型对象(prototype)。该原型对象也有一个自己的原型对象(__proto__),层层向上直到一个对象的原型对象为 null。根据定义,null 没有原型,并作为这个原型链中的最后一个环节。
超级大帅比
2021/09/06
5790
JavaScript中原型与原型链的简单理解
讲原型和原型链,如果是讲定义,那很是晦涩难懂,今天我们就通俗易懂的说说原型与原型链。还需要借助阮老师的“Javascript继承机制的设计思想”。
青年码农
2021/03/23
4080
JavaScript进阶--原型、原型链、闭包
在JavaScript中,每个函数 都有一个prototype属性,当一个函数被用作构造函数来创建实例时,这个函数的prototype属性值会被作为原型赋值给对象实例(也就是设置 实例的__proto__属性),也就是说,所有实例的原型引用的是函数的prototype属性。
软件架构师Michael
2022/08/09
5080

相似问题

用javascript替换textarea内容(原型)

14

JavaScript原型:替换函数

11

用新HTML替换为javascript

43

用jquery函数替换document.getElementById?

40

如何用自定义函数替换javascript原型

10
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文