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

面试题 相关文章推荐
简述你对Statement,PreparedStatement,CallableStatement的理解
Mar 25 面试题
C++如何引用一个已经定义过的全局变量
Aug 25 面试题
如何在发生故障的节点上重新安装 SQL Server
Mar 14 面试题
简述网络文件系统NFS,并说明其作用
Oct 19 面试题
what is the difference between ext2 and ext3
Aug 25 面试题
Linux操作面试题
May 16 面试题
AURALog面试题软件测试方面
Oct 22 面试题
国外软件测试工程师面试题
Dec 09 面试题
Java如何获得ResultSet的总行数
Sep 03 面试题
三个Unix的命令面试题
Apr 12 面试题
Unix如何在一行中运行多个命令
May 29 面试题
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与SQL注入攻击[二]
2007/04/17 PHP
PHP 读取文件内容代码(txt,js等)
2009/12/06 PHP
mysql desc(DESCRIBE)命令实例讲解
2016/09/24 PHP
ThinkPHP5+Layui实现图片上传加预览功能
2018/08/17 PHP
PHP连接SQL server数据库测试脚本运行实例
2020/08/24 PHP
五段实用的js高级技巧
2011/12/20 Javascript
实现局部遮罩与关闭原理及代码
2013/02/04 Javascript
js过滤特殊字符输入适合输入、粘贴、拖拽多种情况
2014/03/22 Javascript
AngularJS基础学习笔记之表达式
2015/05/10 Javascript
JS仿淘宝实现的简单滑动门效果代码
2015/10/14 Javascript
JS实现的鼠标跟随代码(卡通手型点击效果)
2015/10/26 Javascript
基于javascript实现仿百度输入框自动匹配功能
2016/01/03 Javascript
Javascript删除指定元素节点的方法
2016/06/21 Javascript
浅谈javascript中的三种弹窗
2016/10/21 Javascript
express文件上传中间件Multer详解
2016/10/24 Javascript
js实现3D图片展示效果
2017/03/09 Javascript
详解Vue + Vuex 如何使用 vm.$nextTick
2017/11/20 Javascript
vue路由插件之vue-route
2019/06/13 Javascript
layui实现鼠标移动到单元格上显示数据的方法
2019/09/11 Javascript
JavaScript数值类型知识汇总
2019/11/17 Javascript
vue v-model的用法解析
2020/10/19 Javascript
Python入门篇之函数
2014/10/20 Python
Request的中断和ErrorHandler实例解析
2018/02/12 Python
pandas求两个表格不相交的集合方法
2018/12/08 Python
浅谈Python反射 & 单例模式
2019/03/21 Python
基于Python解密仿射密码
2019/10/21 Python
python爬虫scrapy基本使用超详细教程
2021/02/20 Python
CSS3轻松实现圆角效果
2017/11/09 HTML / CSS
玩转CSS3色彩
2010/01/16 HTML / CSS
美国Curacao百货连锁店网站:iCuracao.com
2019/07/20 全球购物
职业生涯规划设计步骤
2014/01/12 职场文书
社区消防工作实施方案
2014/03/21 职场文书
项目合作意向书模板
2014/07/29 职场文书
魂断蓝桥观后感
2015/06/10 职场文书
入学证明
2015/06/23 职场文书
Python实现生成bmp图像的方法
2021/06/13 Python