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

面试题 相关文章推荐
如何提高JDBC的性能
Apr 30 面试题
JRE、JDK、JVM之间的关系怎样
May 16 面试题
如何让Java程序执行效率更高
Jun 25 面试题
纬创Java面试题笔试题
Oct 02 面试题
C语言笔试题
Sep 04 面试题
普天C++笔试题
Mar 20 面试题
为什么如下的代码int a=100,b=100;long int c=a * b;不能工作
Nov 29 面试题
linux面试相关问题
Aug 11 面试题
在weblogic中发布ejb需涉及到哪些配置文件
Jan 17 面试题
AJax面试题
Nov 25 面试题
如果有两个类A,B,怎么样才能使A在发生一个事件的时候通知B
Mar 12 面试题
同步和异步有何异同,在什么情况下分别使用他们?
Dec 28 面试题
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中ini_set和ini_get函数的用法小结
2014/02/18 PHP
给ECShop添加最新评论
2015/01/07 PHP
PHP的PDO操作简单示例
2016/03/30 PHP
PHP实现对二维数组某个键排序的方法
2016/09/14 PHP
php封装的smartyBC类完整实例
2016/10/19 PHP
PHP CodeIgniter分页实例及多条件查询解决方案(推荐)
2017/05/20 PHP
javascript Zifa FormValid 0.1表单验证 代码打包下载
2007/06/08 Javascript
Mootools 1.2教程 滑动效果(Slide)
2009/09/15 Javascript
js setattribute批量设置css样式
2009/11/26 Javascript
iScroll中事件点击触发两次解决方案
2015/03/11 Javascript
vue中rem的配置的方法示例
2018/08/30 Javascript
解决JS表单验证只有第一个IF起作用的问题
2018/12/04 Javascript
每周一练 之 数据结构与算法(Stack)
2019/04/16 Javascript
ES6 let和const定义变量与常量的应用实例分析
2019/06/27 Javascript
Ant Design Pro 之 ProTable使用操作
2020/10/31 Javascript
python多进程操作实例
2014/11/21 Python
matplotlib作图添加表格实例代码
2018/01/23 Python
Python3 log10()函数简单用法
2019/02/19 Python
python中使用ctypes调用so传参设置遇到的问题及解决方法
2019/06/19 Python
TensorFlow基本的常量、变量和运算操作详解
2020/02/03 Python
tensorflow 环境变量设置方式
2020/02/06 Python
Python3 元组tuple入门基础
2020/02/09 Python
python使用paramiko实现ssh的功能详解
2020/03/06 Python
关于Python turtle库使用时坐标的确定方法
2020/03/19 Python
python适合做数据挖掘吗
2020/06/16 Python
CSS3 flex布局之快速实现BorderLayout布局
2015/12/03 HTML / CSS
移动端解决悬浮层(悬浮header、footer)会遮挡住内容的3种方法
2015/03/27 HTML / CSS
美国体育用品在线:Modell’s Sporting Goods
2018/06/07 全球购物
Koral官方网站:女性时尚运动服
2019/04/10 全球购物
迪斯尼假期(欧洲、中东及非洲):Disney Holidays EMEA
2021/02/15 全球购物
光电信息专业应届生求职信
2013/10/07 职场文书
最新计算机专业自荐信
2013/10/16 职场文书
单位介绍信范文
2014/01/18 职场文书
2015新学期开学寄语
2015/02/26 职场文书
革命电影观后感
2015/06/18 职场文书
Python实现信息管理系统
2022/06/05 Python