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...

面试题 相关文章推荐
一个C/C++编程面试题
Nov 10 面试题
strlen的几种不同实现方法
May 31 面试题
简述数组与指针的区别
Jan 02 面试题
网络技术支持面试题
Apr 22 面试题
远东集团网络工程师面试题
Oct 20 面试题
傲盾软件面试题
Aug 17 面试题
Does C# support multiple inheritance? (C#支持多重继承吗)
Jan 04 面试题
编写一个类体现构造,公有,私有方法,静态,私有变量
Aug 10 面试题
MIS软件工程师的面试题
Apr 22 面试题
异步传递消息系统的作用
May 01 面试题
如何提高MySql的安全性
Jun 19 面试题
简单叙述一下MYSQL的优化
May 09 面试题
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
thinkphp文件引用与分支结构用法实例
2014/11/26 PHP
PHP.ini安全配置检测工具pcc简单介绍
2015/07/02 PHP
PHP PDOStatement::errorCode讲解
2019/01/31 PHP
PHP如何使用array_unshift()在数组开头插入元素
2020/09/01 PHP
javascript操作文本框readOnly
2007/05/15 Javascript
学习ExtJS Window常用方法
2009/10/07 Javascript
jQuery示例收集
2010/11/05 Javascript
基于jquery实现漂亮的动态信息提示效果
2011/08/02 Javascript
JavaScript单元测试ABC
2012/04/12 Javascript
jquery中获取id值方法小结
2013/09/22 Javascript
简单的Jquery全选功能
2013/11/07 Javascript
JS下载文件|无刷新下载文件示例代码
2014/04/17 Javascript
js获取元素外链样式的方法
2015/01/27 Javascript
JS实现文字链接感应鼠标淡入淡出改变颜色的方法
2015/02/26 Javascript
jQuery插件制作之全局函数用法实例
2015/06/01 Javascript
jQuery实现新消息在网页标题闪烁提示
2015/06/23 Javascript
一款简单的jQuery图片标注效果附源码下载
2016/03/22 Javascript
AngularJS封装指令方法详解
2016/12/12 Javascript
百度地图JavascriptApi Marker平滑移动及车头指向行径方向
2017/03/13 Javascript
layui选项卡效果实现代码
2017/05/19 Javascript
angularJS模态框$modal实例代码
2017/05/27 Javascript
移动端效果之IndexList详解
2017/10/20 Javascript
react+redux的升级版todoList的实现
2017/12/18 Javascript
关于NodeJS中的循环引用详解
2019/07/23 NodeJs
vue使用i18n实现国际化的方法详解
2019/09/05 Javascript
微信sdk实现禁止微信分享(使用原生php实现)
2019/11/15 Javascript
python非递归全排列实现方法
2017/04/10 Python
Python如何快速实现分布式任务
2017/07/06 Python
Bloomingdale’s阿联酋:选购奢华时尚、美容及更多
2020/09/22 全球购物
Exception类的常用方法
2012/06/16 面试题
十佳大学生村官事迹
2014/01/09 职场文书
小学生演讲稿大全
2014/04/25 职场文书
幼儿园小班家长评语
2014/12/30 职场文书
小学六一主持词开场白
2015/05/28 职场文书
矛盾论读书笔记
2015/06/29 职场文书
HTML+CSS制作心跳特效的实现
2021/05/26 HTML / CSS