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

面试题 相关文章推荐
你常见到的runtime exception
Sep 05 面试题
金智子午JAVA面试题
Sep 04 面试题
编码实现字符串转整型的函数
Jun 02 面试题
Android interview questions
Dec 25 面试题
Oracle性能调优原则
May 03 面试题
了解AppleShare protocol(AppleShare协议)吗
Aug 28 面试题
TCP/IP模型的分界线
Dec 01 面试题
如何手工释放资源
Dec 15 面试题
新媒传信软件测试面试题
Feb 24 面试题
网友共享的几个面试题关于Java和Unix等方面的
Sep 08 面试题
Python文件操作的面试题
Jun 22 面试题
代码中finally中的代码会不会执行
Feb 06 面试题
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
咖啡的植物学知识
2021/03/03 咖啡文化
PHP可逆加密/解密函数分享
2012/09/25 PHP
基于php设计模式中工厂模式详细介绍
2013/05/15 PHP
JavaScript中的this实例分析
2011/04/28 Javascript
jQuery的deferred对象使用详解
2011/08/20 Javascript
js去字符串前后空格5种实现方法及比较
2013/04/03 Javascript
Chrome扩展页面动态绑定JS事件提示错误
2014/02/11 Javascript
浅谈利用JavaScript进行的DDoS攻击原理与防御
2015/06/04 Javascript
JavaScript拖拽、碰撞、重力及弹性运动实例分析
2016/01/08 Javascript
使用javascript插入样式
2016/03/14 Javascript
JS组件Bootstrap ContextMenu右键菜单使用方法
2016/04/17 Javascript
什么是JavaScript中的结果值?
2016/10/08 Javascript
bootstrap下拉菜单使用方法解析
2017/01/13 Javascript
BootStrapValidator初使用教程详解
2017/02/10 Javascript
JS 中document.write()的用法和清空的原因浅析
2017/12/04 Javascript
深入理解 webpack 文件打包机制(小结)
2018/01/08 Javascript
jQuery实现的卷帘门滑入滑出效果【案例】
2019/02/18 jQuery
微信小程序Echarts图表组件使用方法详解
2019/06/25 Javascript
JS实现移动端可折叠导航菜单(现代都市风)
2020/07/07 Javascript
在JavaScript中查找字符串中最长单词的三种方法(推荐)
2021/01/18 Javascript
使用 Python 获取 Linux 系统信息的代码
2014/07/13 Python
在Python的struct模块中进行数据格式转换的方法
2015/06/17 Python
python+selenium实现163邮箱自动登陆的方法
2017/12/31 Python
numpy ndarray 取出满足特定条件的某些行实例
2019/12/05 Python
python烟花效果的代码实例
2020/02/25 Python
python deque模块简单使用代码实例
2020/03/12 Python
python 进程池pool使用详解
2020/10/15 Python
阿拉伯时尚购物网站:Nisnass
2021/02/07 全球购物
新学期校长寄语
2014/01/18 职场文书
函授大学生自我鉴定
2014/02/05 职场文书
生日宴会主持词
2014/03/20 职场文书
教师暑期培训感言
2014/08/15 职场文书
乡镇党的群众路线教育实践活动总结报告
2014/10/30 职场文书
2014年实习期工作总结
2014/11/27 职场文书
学习新党章心得体会2016
2016/01/15 职场文书
Python破解极验滑动验证码详细步骤
2021/05/21 Python