Prototype是怎么扩展DOM的


Posted in 面试题 onOctober 01, 2014
Prototype框架最大的一部分就是对DOM的扩展, Prototype为$()范围的元素添加了很多方便的方法,例如, 你可以写一个$(‘comments’).addClassName(‘active’).show()来得到ID为”comments”的元素,然后添加一个Class “active” 然后展示它(如果原本是隐藏的话), “comments”元素在原本的javascript里面并没有这些方法。
Prototype是通过Element.extend()方法来扩展DOM的
大部分DOM方法是由Element.Methods 对象来封装并且复制到Element对象的(为了方便起见),这些方法的第一个参数都是需要操作的element:
Element.hide(‘comments’);
var div_height = Element.getHeight(my_div);
Element.addClass(‘contactform’, ‘pending’);
如果想做得更好一点,你可以把要扩展的对象直接传递给Element.extend()方法,这个方法会直接复制所有的方法到element, 例如:
var my_div = document.createElement(“div”);
Element.extend(my_div);
my_div.addClassName(‘pending’).hide();
document.body.appendChild(my_div);

Tags in this post...

面试题 相关文章推荐
Java的基础面试题附答案
Jan 10 面试题
杭州-DOTNET笔试题集
Sep 25 面试题
介绍一下.NET构架下remoting和webservice
May 08 面试题
VLAN和VPN有什么区别?分别实现在OSI的第几层?
Dec 23 面试题
武汉瑞得软件笔试题
Oct 27 面试题
explicit和implicit的含义
Nov 15 面试题
介绍一下linux文件系统分配策略
Nov 17 面试题
主要的Ajax框架都有什么
Nov 14 面试题
Prototype如何实现页面局部定时刷新
Aug 06 面试题
当x.equals(y)等于true时,x.hashCode()与y.hashCode()可以不相等,这句话对不对
May 02 面试题
深圳茁壮笔试题
May 28 面试题
介绍一下Ruby的特点
Jan 20 面试题
GWT都有什么特性
Dec 02 #面试题
JavaScript获取当前url根目录(路径)
Feb 19 #面试题
ajax是什么及其工作原理
Feb 08 #面试题
Ajxa常见问题都有哪些
Mar 26 #面试题
如何利用XMLHTTP检测URL及探测服务器信息
Nov 10 #面试题
百度JavaScript笔试题
Jan 15 #面试题
AJax面试题
Nov 25 #面试题
You might like
PHP 加密与解密的斗争
2009/04/17 PHP
PHP数组游标实现对数组的各种操作详解
2016/01/26 PHP
php构造函数与析构函数
2016/04/23 PHP
thinkphp3.2实现在线留言提交验证码功能
2017/07/19 PHP
实例讲解YII2中多表关联的使用方法
2017/07/21 PHP
Thinkphp5框架实现图片、音频和视频文件的上传功能详解
2019/08/27 PHP
jQuery结合Json提交数据到Webservice,并接收从Webservice返回的Json数据
2011/02/18 Javascript
jQuery实现冻结表格行和列
2015/04/29 Javascript
用javascript实现自动输出网页文本
2015/07/30 Javascript
Angularjs 实现分页功能及示例代码
2016/09/14 Javascript
vue脚手架vue-cli的学习使用教程
2017/06/06 Javascript
ES6学习教程之Map的常用方法总结
2017/08/03 Javascript
Vue2.0父子组件传递函数的教程详解
2017/10/16 Javascript
bootstrap+jquery项目引入文件报错的解决方法
2018/01/22 jQuery
浅谈Vue3 Composition API如何替换Vue Mixins
2020/04/29 Javascript
JavaScript实现像雪花一样的Hexaflake分形
2020/07/07 Javascript
浅析我对JS延迟异步脚本的思考
2020/10/12 Javascript
[01:07:11]Secret vs Newbee 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
Python2中的raw_input() 与 input()
2015/06/12 Python
python dict 字典 以及 赋值 引用的一些实例(详解)
2017/01/20 Python
python多行字符串拼接使用小括号的方法
2020/03/19 Python
python微信公众号之关注公众号自动回复
2018/10/25 Python
基于numpy中数组元素的切片复制方法
2018/11/15 Python
python打包成so文件过程解析
2019/09/28 Python
Python小整数对象池和字符串intern实例解析
2020/03/21 Python
python 将视频 通过视频帧转换成时间实例
2020/04/23 Python
HTML5 绘制图像(上)之:关于canvas元素引领下一代web页面的问题
2013/04/24 HTML / CSS
Mio Skincare法国官网:身体紧致及孕期身体护理
2018/04/04 全球购物
法国设计制造的扫帚和刷子:Andrée Jardin
2018/12/06 全球购物
阿迪达斯中国官网:Adidas中国
2020/12/14 全球购物
央视元宵晚会主持串词
2014/03/25 职场文书
马丁路德金演讲稿
2014/05/19 职场文书
2014年财务个人工作总结
2014/12/08 职场文书
期中考试复习计划
2015/01/19 职场文书
工作简报范文
2015/07/21 职场文书
2016同学毕业寄语大全
2015/12/04 职场文书