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数据运算类型都有哪些
Nov 05 面试题
类的核心特性有哪些
Jan 01 面试题
static全局变量与普通的全局变量有什么区别
May 27 面试题
怎么可以提高数据库查询数据的速度
Jun 28 面试题
.NET现在共支持多少种语言
Feb 26 面试题
Windows和Linux动态库应用异同
Apr 17 面试题
介绍一下linux文件系统分配策略
Nov 17 面试题
Linux文件系统类型
Sep 16 面试题
国外软件测试工程师面试题
Dec 09 面试题
设计4个线程,其中两个线程每次对j增加1,另外两个线程对j每次减少1。写出程序。
Dec 30 面试题
介绍JAVA 中的Collection FrameWork(及如何写自己的数据结构)
Oct 31 面试题
中软国际Java程序员机试题
Aug 19 面试题
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
《超神学院》霸气归来, 天使彦上演维多利亚的秘密
2020/03/02 国漫
CI(CodeIgniter)框架介绍
2014/06/09 PHP
微信公众平台开发关注及取消关注事件的方法
2014/12/23 PHP
浅析PHP中的闭包和匿名函数
2017/12/25 PHP
发布BlueShow v1.0 图片浏览器(类似lightbox)blueshow.js 打包下载
2007/07/21 Javascript
瀑布流布局并自动加载实现代码
2013/03/12 Javascript
图片无缝滚动代码(向左/向下/向上)
2013/04/10 Javascript
window.open()详解及浏览器兼容性问题示例探讨
2014/05/29 Javascript
浅谈js的setInterval事件
2014/12/05 Javascript
解决ueditor jquery javascript 取值问题
2014/12/30 Javascript
JScript中的条件注释详解
2015/04/24 Javascript
使用javascript插入样式
2016/03/14 Javascript
AngularJS延迟加载html template
2016/07/27 Javascript
jQuery插件HighCharts绘制简单2D柱状图效果示例【附demo源码】
2017/03/21 jQuery
JS获取当前时间的实例代码(昨天、今天、明天)
2018/11/13 Javascript
通过实例了解JS 连续赋值
2019/09/24 Javascript
javascript实现函数柯里化与反柯里化过程解析
2019/10/08 Javascript
微信公众号中的JSSDK接入及invalid signature等常见错误问题分析(全面解析)
2020/04/11 Javascript
Vue自定义组件双向绑定实现原理及方法详解
2020/09/03 Javascript
python音频处理用到的操作的示例代码
2017/10/27 Python
python 简单搭建阻塞式单进程,多进程,多线程服务的实例
2017/11/01 Python
Python爬取当当、京东、亚马逊图书信息代码实例
2017/12/09 Python
pycharm访问mysql数据库的方法步骤
2019/06/18 Python
python IDLE添加行号显示教程
2020/04/25 Python
IE下实现类似CSS3 text-shadow文字阴影的几种方法
2011/05/11 HTML / CSS
使用html5实现表格实现标题合并的实例代码
2019/05/13 HTML / CSS
瑞贝卡·泰勒官方网站:Rebecca Taylor
2016/09/24 全球购物
什么是数据库锁?Oracle中都有哪些类型的锁?
2015/08/21 面试题
党的群众路线教育实践活动对照检查材料范文
2014/09/24 职场文书
单位租房协议书范本
2014/12/04 职场文书
2015年市场部工作总结
2015/04/30 职场文书
2015年妇幼保健工作总结
2015/05/19 职场文书
标枪加油稿
2015/07/22 职场文书
校友会致辞
2015/07/30 职场文书
nginx对http请求处理的各个阶段详析
2021/03/31 Servers
opencv深入浅出了解机器学习和深度学习
2022/03/17 Python