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面试问题考卷
Jul 15 面试题
SQL语言面试题
Aug 27 面试题
北京某公司的.net笔试题
Mar 20 面试题
TCP/IP中的TCP和IP分别承担什么责任
Apr 21 面试题
Python面试题集
Mar 08 面试题
如何提高MySql的安全性
Jun 19 面试题
继承时候类的执行顺序问题,一般都是选择题,问你将会打印出什么?
Nov 18 面试题
Overload和Override的区别
Sep 02 面试题
初级Java程序员面试题
Mar 03 面试题
shell的种类有哪些
Apr 15 面试题
Servlet方面面试题
Sep 28 面试题
Delphi笔试题
Nov 14 面试题
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大批量数据操作时临时调整内存与执行时间的方法
2011/04/20 PHP
php中获取远程客户端的真实ip地址的方法
2011/08/03 PHP
PHP中auto_prepend_file与auto_append_file用法实例分析
2014/09/22 PHP
php实现格式化多行文本为Js可用格式
2015/04/15 PHP
PHP创建文件,并向文件中写入数据,覆盖,追加的实现代码
2016/03/25 PHP
javascript indexOf函数使用说明
2008/07/03 Javascript
基于jquery的划词搜索实现(备忘)
2010/09/14 Javascript
JS上传前预览图片实例
2013/03/25 Javascript
JS中实现简单Formatter函数示例代码
2014/08/19 Javascript
jquery使用Cookie和JSON记录用户最近浏览历史
2016/04/19 Javascript
全面了解javascript三元运算符
2016/06/27 Javascript
JS中如何实现点击a标签返回页面顶部的问题
2017/01/19 Javascript
angular实现商品筛选功能
2017/02/01 Javascript
JS获取浏览器地址栏的多个参数值的任意值实例代码
2018/07/24 Javascript
js实现动态添加上传文件页面
2018/10/22 Javascript
Node.js折腾记一:读指定文件夹,输出该文件夹的文件树详解
2019/04/20 Javascript
javascript实现的时间格式加8小时功能示例
2019/06/13 Javascript
在Vue中使用icon 字体图标的方法
2019/06/14 Javascript
JavaScript 浏览器对象模型BOM原理与常见用法实例分析
2019/12/16 Javascript
JS实现滑动插件
2020/01/15 Javascript
python2.6.6如何升级到python2.7.14
2018/04/08 Python
对Pandas DataFrame缺失值的查找与填充示例讲解
2018/11/06 Python
Python中栈、队列与优先级队列的实现方法
2019/06/30 Python
Python监控服务器实用工具psutil使用解析
2019/12/19 Python
python实现的分析并统计nginx日志数据功能示例
2019/12/21 Python
新手入门学习python Numpy基础操作
2020/03/02 Python
Django模板标签中url使用详解(url跳转到指定页面)
2020/03/19 Python
CSS3 Flex 弹性布局实例代码详解
2018/11/01 HTML / CSS
美国网上订购鲜花:FTD
2016/09/23 全球购物
Foot Locker加拿大官网:美国知名运动产品零售商
2019/07/21 全球购物
学生自我鉴定模板
2013/12/30 职场文书
优秀医生事迹材料
2014/02/12 职场文书
教师工作证明范本
2015/06/12 职场文书
社区挂职锻炼个人工作总结
2015/10/23 职场文书
大学三好学生主要事迹范文
2015/11/03 职场文书
爱国之歌(8首)
2019/09/29 职场文书