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实现邮件发送
Dec 26 面试题
请说出几个常用的异常类
Jan 08 面试题
网络、C以及其他硬件方面的面试题
Aug 23 面试题
请编写一个 C 函数,该函数在给定的内存区域搜索给定的字符,并返回该字符所在位置索引值
Sep 15 面试题
采用怎样的方法保证数据的完整性
Dec 02 面试题
能否解释一下XSS cookie盗窃是什么意思
Jun 02 面试题
如何利用cmp命令比较文件
Sep 23 面试题
介绍一下JMS编程步骤
Sep 22 面试题
用Python写一个for循环的例子
Jul 19 面试题
初始化了一个没有run()方法的线程类,是否会出错?
Mar 27 面试题
一套英文Java笔试题面试题
Apr 21 面试题
一个J2EE项目团队的主要人员组成是什么
Jun 04 面试题
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
MYSQL环境变量设置方法
2007/01/15 PHP
PHP求最大子序列和的算法实现
2011/06/24 PHP
php采用curl访问域名返回405 method not allowed提示的解决方法
2014/06/26 PHP
PHP SPL标准库中的常用函数介绍
2015/05/11 PHP
实例讲解PHP页面静态化
2018/02/05 PHP
阿里云的WindowsServer2016上部署php+apache
2018/07/17 PHP
小议Javascript中的this指针
2010/03/18 Javascript
jquery 图片轮换效果
2010/07/29 Javascript
Fixie.js 自动填充内容的插件
2012/06/28 Javascript
JQuery表格拖动调整列宽效果(自己动手写的)
2014/09/01 Javascript
加载列表时jquery获取ul中第一个li的属性
2014/11/02 Javascript
详解javascript函数的参数
2015/11/10 Javascript
JavaScript:Date类型全面解析
2016/05/19 Javascript
JS实现在文本指定位置插入内容的简单示例
2017/12/22 Javascript
webpack4.x打包过程详解
2018/07/18 Javascript
Node.js事件的正确使用方法
2019/04/05 Javascript
微信小程序地图导航功能实现完整源代码附效果图(推荐)
2019/04/28 Javascript
vue使用localStorage保存登录信息 适用于移动端、PC端
2019/05/27 Javascript
浅析Vue 防抖与节流的使用
2019/11/14 Javascript
JavaScript设计模型Iterator实例解析
2020/01/22 Javascript
nodejs处理tcp连接的核心流程
2021/02/26 NodeJs
深入Python解释器理解Python中的字节码
2015/04/01 Python
Numpy中矩阵matrix读取一列的方法及数组和矩阵的相互转换实例
2018/07/02 Python
Flask框架学习笔记之模板操作实例详解
2019/08/15 Python
Django继承自带user表并重写的例子
2019/11/18 Python
eBay奥地利站:eBay.at
2019/07/24 全球购物
年会主持词结束语
2014/03/27 职场文书
党支部特色活动方案
2014/08/20 职场文书
中学生自我评价2015
2015/03/03 职场文书
工作感想范文
2015/08/07 职场文书
2016七夕情人节寄语
2015/12/04 职场文书
Pytorch 如何实现常用正则化
2021/05/27 Python
idea以任意顺序debug多线程程序的具体用法
2021/08/30 Java/Android
mysql的单列多值存储实例详解
2022/04/05 MySQL
Golang日志包的使用
2022/04/20 Golang
python如何查找列表中元素的位置
2022/05/30 Python