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

面试题 相关文章推荐
描述Cookie和Session的作用,区别和各自的应用范围,Session工作原理
Mar 25 面试题
计算s=f(f(-1.4))的值
May 06 面试题
编写一子程序,将一链表倒序,即使链表表尾变表头,表头变表尾
Feb 10 面试题
Oracle中delete,truncate和drop的区别
May 05 面试题
什么是TCP/IP
Jul 27 面试题
非常详细的C#面试题集
Jul 13 面试题
Linux操作面试题
May 16 面试题
EJB3.1都有哪些改进
Nov 17 面试题
如何整合JQuery和Prototype
Jan 31 面试题
Shell脚本如何向终端输出信息
Apr 25 面试题
如何将一个描述日期或日期/时间的字符串转换为一个Date对象
Oct 13 面试题
顺丰快递Java软件工程师面试题
Jul 31 面试题
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
基于Windows下Apache PHP5.3.1安装教程
2010/01/08 PHP
PHP fopen 读取带中文URL地址的一点见解
2012/09/25 PHP
artdialog的图片/标题以及关闭按钮不显示的解决方法
2013/06/27 Javascript
浅析jquery某一元素重复绑定的问题
2014/01/03 Javascript
jquery用data方法获取某个元素上的事件
2014/06/23 Javascript
jQuery多个input求和的实现方法
2015/02/12 Javascript
Javascript节点关系实例分析
2015/05/15 Javascript
JS如何判断是否为ie浏览器的方法(包括IE10、IE11在内)
2015/12/13 Javascript
基于 Node.js 实现前后端分离
2016/04/23 Javascript
bootstrap学习笔记之初识bootstrap
2016/06/21 Javascript
jquery表格datatables实例解析 直接加载和延迟加载
2016/08/12 Javascript
bootstrap选项卡使用方法解析
2017/01/11 Javascript
JavaScript实现的斑马线表格效果【隔行变色】
2017/09/18 Javascript
layui的table中显示图片方法
2018/08/17 Javascript
使用Vue.observable()进行状态管理的实例代码详解
2019/05/26 Javascript
vue keep-alive实现多组件嵌套中个别组件存活不销毁的操作
2020/10/30 Javascript
Python循环语句中else的用法总结
2016/09/11 Python
python if not in 多条件判断代码
2016/09/21 Python
Python中%r和%s的详解及区别
2017/03/16 Python
详解Ubuntu16.04安装Python3.7及其pip3并切换为默认版本
2019/02/25 Python
Python中类的创建和实例化操作示例
2019/02/27 Python
python获取全国城市pm2.5、臭氧等空气质量过程解析
2019/10/12 Python
Python WebSocket长连接心跳与短连接的示例
2020/11/24 Python
Lyle & Scott苏格兰金鹰官网:英国皇室御用品牌
2018/05/09 全球购物
比利时家具购买网站:Home24
2019/01/03 全球购物
英国时尚泳装品牌:Maru Swimwear
2019/10/06 全球购物
美国校服网上商店:French Toast
2019/10/08 全球购物
中专生自荐信
2014/06/25 职场文书
演讲稿开场白台词
2014/08/25 职场文书
2014年民主评议党员工作总结
2014/12/02 职场文书
英语感谢信范文
2015/01/20 职场文书
幸福来敲门观后感
2015/06/04 职场文书
幼儿园教师暑期培训心得体会
2016/01/09 职场文书
《我和小伙伴》教学反思
2016/02/20 职场文书
《鲁班学艺》读后感3篇
2019/11/27 职场文书
node快速搭建后台的实现步骤
2022/02/18 NodeJs