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

面试题 相关文章推荐
SQL中where和having的区别
Jun 17 面试题
什么是类的返射机制
Feb 06 面试题
寻找迷宫的一条出路,o通路;X:障碍
Jul 10 面试题
为什么要有struct关键字
May 08 面试题
c++工程师面试问题
Aug 04 面试题
什么是Assembly(程序集)
Sep 14 面试题
简述网络文件系统NFS,并说明其作用
Oct 19 面试题
四川internet信息高速公路(C#)笔试题
Feb 29 面试题
长青弘远的面试题
Jun 09 面试题
比较一下entity bean和session bean
Dec 27 面试题
What is EJB
Jul 22 面试题
IBatis持久层技术
Jul 18 面试题
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解决图片无损压缩的问题
2017/09/01 PHP
PHP生成zip压缩包的常用方法示例
2019/08/22 PHP
IE 下的只读 innerHTML
2009/08/21 Javascript
使用ExtJS技术实现的拖动树结点
2010/08/05 Javascript
jquery实现简单易懂的图片展示小例子
2013/11/21 Javascript
JQuery页面的表格数据的增加与分页的实现
2013/12/10 Javascript
jQuery控制TR显示隐藏的几种方法
2014/06/18 Javascript
javascript实现根据函数名称字符串动态执行函数的方法示例
2016/12/28 Javascript
Angular.Js中过滤器filter与自定义过滤器filter实例详解
2017/05/08 Javascript
Angular利用内容投射向组件输入ngForOf模板的方法
2018/03/05 Javascript
JavaScript HTML DOM 元素 (节点)新增,编辑,删除操作实例分析
2020/03/02 Javascript
OpenLayers3实现地图鹰眼以及地图比例尺的添加
2020/09/25 Javascript
JavaScript基于SVG的图片切换效果实例代码
2020/12/15 Javascript
解决await在forEach中不起作用的问题
2021/02/25 Javascript
跟老齐学Python之让人欢喜让人忧的迭代
2014/10/02 Python
Python中的hypot()方法使用简介
2015/05/18 Python
Python中的fileinput模块的简单实用示例
2015/07/09 Python
Windows下Eclipse+PyDev配置Python+PyQt4开发环境
2016/05/17 Python
Python中使用platform模块获取系统信息的用法教程
2016/07/08 Python
python 捕获shell脚本的输出结果实例
2017/01/04 Python
Python面向对象进阶学习
2019/05/21 Python
Python中那些 Pythonic的写法详解
2019/07/02 Python
python base64库给用户名或密码加密的流程
2020/01/02 Python
将不规则的Python多维数组拉平到一维的方法实现
2021/01/11 Python
GafasWorld哥伦比亚:网上购买眼镜
2017/11/28 全球购物
Tod’s英国官方网站:意大利奢华手工制作手袋和鞋履
2019/03/15 全球购物
下列程序在32位linux或unix中的结果是什么
2015/01/26 面试题
会计专业毕业生求职信分享
2014/01/03 职场文书
石油大学毕业生自荐信
2014/01/28 职场文书
中国梦主题教育活动总结
2014/05/05 职场文书
办护照工作证明
2014/10/01 职场文书
2014年保管员工作总结
2014/11/18 职场文书
2015年艾滋病宣传活动总结
2015/03/27 职场文书
清洁工工作总结
2015/08/11 职场文书
导游词之新疆尼雅遗址
2019/10/16 职场文书
使用css样式设计一个简单的html登陆界面的实现
2021/03/30 HTML / CSS