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

面试题 相关文章推荐
PHP开发的一般流程
Aug 13 面试题
PHP数据运算类型都有哪些
Nov 05 面试题
SQL中where和having的区别
Jun 17 面试题
怎样让char类型的东西转换成int类型
Dec 09 面试题
我的applet原先好好的, 一放到web server就会有问题,为什么?
May 10 面试题
Java中compareTo和compare的区别
Apr 12 面试题
C语言怎样定义和声明全局变量和函数最好
Nov 26 面试题
ORACLE十问
Apr 20 面试题
.net软件工程师应聘上机试题
Mar 10 面试题
什么是.net的Remoting技术
Jul 08 面试题
Linux不知道文件后缀名怎么判断文件类型
Aug 21 面试题
linux面试题参考答案(9)
Jan 29 面试题
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编程中字符串处理的5个技巧小结
2007/11/13 PHP
php图片的二进制转换实现方法
2014/12/15 PHP
php函数实现判断是否移动端访问
2015/03/03 PHP
3种方法轻松处理php开发中emoji表情的问题
2016/07/18 PHP
php集成开发环境详解
2019/09/24 PHP
弹出广告特效(一个IP只弹出一次)的代码
2007/07/27 Javascript
几个javascript操作word的参考代码
2009/10/26 Javascript
表格 隔行换色升级版
2009/11/07 Javascript
关于在IE下的一个安全BUG --可用于跟踪用户的系统鼠标位置
2013/04/17 Javascript
jQuery scroll事件实现监控滚动条分页示例
2014/04/04 Javascript
JS中的二叉树遍历详解
2016/03/18 Javascript
用js读写cookie的简单方法(推荐)
2016/08/08 Javascript
js常用DOM方法详解
2017/02/04 Javascript
vue better scroll 无法滚动的解决方法
2018/06/07 Javascript
vue中使用mxgraph的方法实例代码详解
2019/05/17 Javascript
layer 刷新某个页面的实现方法
2019/09/05 Javascript
浅谈JavaScript中等号、双等号、 三等号的区别
2020/08/06 Javascript
JS将指定的某个字符全部转换为其他字符实例代码
2020/10/13 Javascript
python字符串替换的2种方法
2014/11/30 Python
Python实现拷贝/删除文件夹的方法详解
2018/08/29 Python
Python基于opencv调用摄像头获取个人图片的实现方法
2019/02/21 Python
python实现逆滤波与维纳滤波示例
2020/02/26 Python
五分钟学会怎么用Pygame做一个简单的贪吃蛇
2021/01/06 Python
python使用numpy中的size()函数实例用法详解
2021/01/29 Python
使用CSS3在触屏上为按钮实现激活效果
2013/09/27 HTML / CSS
人力资源管理专业应届生求职信
2013/09/28 职场文书
护士自我鉴定总结
2014/03/24 职场文书
公司委托书格式范文
2014/04/04 职场文书
弘扬民族精神演讲稿
2014/05/07 职场文书
授权委托书格式
2014/07/31 职场文书
门面房租房协议书
2014/08/20 职场文书
小区的门卫岗位职责
2014/10/01 职场文书
租赁协议书
2015/01/27 职场文书
乌镇导游词
2015/02/02 职场文书
vue如何批量引入组件、注册和使用详解
2021/05/12 Vue.js
python非标准时间的转换
2021/07/25 Python