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笔试题
Feb 22 面试题
Java的基础面试题附答案
Jan 10 面试题
C语言编程练习
Apr 02 面试题
我看到了用指针调用函数的不同语法形式
Jul 16 面试题
以太网Ethernet IEEE802.3
Aug 05 面试题
CSMA/CD介质访问控制协议
Nov 17 面试题
C#中的验证控件有几种
Mar 08 面试题
进程的查看和调度分别使用什么命令
Dec 14 面试题
Linux管理员面试经常问道的相关命令
Apr 29 面试题
某科技软件测试面试题
May 19 面试题
为什么Runtime.exec(“ls”)没有任何输出?
Oct 03 面试题
Java基础知识面试题
Mar 25 面试题
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
escape unescape的php下的实现方法
2007/04/27 PHP
php无法连接mysql数据库的正确解决方法
2016/07/01 PHP
PHP在线打包下载功能示例
2016/10/15 PHP
javascript获取元素偏移量的方法有哪些
2014/06/24 Javascript
JQuery右键菜单插件ContextMenu使用指南
2014/12/19 Javascript
js随机生成网页背景颜色的方法
2015/02/26 Javascript
深入学习JavaScript中的Rest参数和参数默认值
2015/07/28 Javascript
Labelauty?jQuery单选框/复选框美化插件分享
2015/09/26 Javascript
JS+CSS实现的日本门户网站经典选项卡导航效果
2015/09/27 Javascript
JQuery日历插件My97DatePicker日期范围限制
2016/01/20 Javascript
JavaScript、jQuery与Ajax的关系
2016/01/24 Javascript
Bootstrap入门书籍之(三)栅格系统
2016/02/17 Javascript
JavaScript中windows.open()、windows.close()方法详解
2016/07/28 Javascript
Bootstrap CSS组件之按钮组(btn-group)
2016/12/17 Javascript
关于js对textarea换行符的处理方法浅析
2018/08/03 Javascript
说说如何在Vue.js中实现数字输入组件的方法
2019/01/08 Javascript
详解基于原生JS验证表单组件xy-form
2019/08/20 Javascript
Node.js控制台彩色输出的方法与原理实例详解
2019/12/01 Javascript
jQuery实现移动端图片上传预览组件的方法分析
2020/05/01 jQuery
使用numba对Python运算加速的方法
2018/10/15 Python
详解python中index()、find()方法
2019/08/29 Python
Python爬虫使用代理IP的实现
2019/10/27 Python
Django模型中字段属性choice使用说明
2020/03/30 Python
Html5 postMessage实现跨域消息传递
2016/03/11 HTML / CSS
智利最大的网上商店:Linio智利
2016/11/24 全球购物
大专毕业生简历的自我评价
2013/10/20 职场文书
药学专业大专生的自我评价
2013/12/12 职场文书
大学生的四年学习自我评价
2013/12/13 职场文书
劳动之星获奖感言
2014/02/01 职场文书
优秀员工评优方案
2014/06/13 职场文书
自动化专业毕业生求职信
2014/06/18 职场文书
倡议书作文
2015/01/19 职场文书
浅谈:电影《孔子》观后感(范文)
2019/10/14 职场文书
DjangoRestFramework 使用 simpleJWT 登陆认证完整记录
2021/06/22 Python
正则表达式基础与常用验证表达式
2022/06/16 Javascript
Three.js实现雪糕地球的使用示例详解
2022/07/07 Javascript