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

面试题 相关文章推荐
如何配置、使用和清除Smarty缓存
Dec 23 面试题
List, Set, Map是否继承自Collection接口?
May 16 面试题
一套带答案的C++笔试题
Jan 10 面试题
c++工程师面试问题
Aug 04 面试题
数据库专业英语
Nov 30 面试题
Ado与Ado.net的相同与不同
Dec 08 面试题
.NET里面如何取得当前的屏幕分辨率
Dec 06 面试题
linux面试题参考答案(8)
Aug 11 面试题
解释一下钝化(Swap out)
Dec 26 面试题
什么是GWT的Module
Jan 20 面试题
设置器与访问器的定义以及各自特点
Jan 08 面试题
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
【COS正片】蕾姆睡衣cos,纯洁可爱被治愈了 cn名濑弥七
2020/03/02 日漫
php XMLWriter类的简单示例代码(RSS输出)
2011/09/30 PHP
php实现图片转换成ASCII码的方法
2015/04/03 PHP
详解PHP中的状态模式编程
2015/08/11 PHP
基于php流程控制语句和循环控制语句(讲解)
2017/10/23 PHP
php实现微信公众平台发红包功能
2018/06/14 PHP
php+ajax实现商品对比功能示例
2019/04/13 PHP
客户端脚本中常常出现的一些问题和调试技巧
2007/01/09 Javascript
JavaScript面向对象之体会[总结]
2008/11/13 Javascript
js获取dom的高度和宽度(可见区域及部分等等)
2013/06/13 Javascript
用js实现输入提示(自动完成)的实例代码
2013/06/14 Javascript
Node.JS中事件轮询(Event Loop)的解析
2017/02/25 Javascript
JS完成画圆圈的小球
2017/03/07 Javascript
Vue.js之slot深度复制详解
2017/03/10 Javascript
微信小程序 密码输入(源码下载)
2017/06/27 Javascript
实例详解JSON取值(key是中文或者数字)方式
2017/08/24 Javascript
JS库中的Particles.js在vue上的运用案例分析
2017/09/13 Javascript
js for终止循环 跳出多层循环
2018/10/04 Javascript
vue插槽slot的理解和使用方法
2019/04/03 Javascript
原生JS使用Canvas实现拖拽式绘图功能
2019/06/05 Javascript
在vue项目中使用codemirror插件实现代码编辑器功能
2019/08/27 Javascript
[02:55]DOTA2英雄基础教程 发条技师
2013/12/04 DOTA
Python获取apk文件URL地址实例
2013/11/01 Python
python3.3实现乘法表示例
2014/02/07 Python
基于wxPython的GUI实现输入对话框(2)
2019/02/27 Python
python tkinter实现界面切换的示例代码
2019/06/14 Python
python实现堆排序的实例讲解
2020/02/21 Python
Python生成器传参数及返回值原理解析
2020/07/22 Python
微软澳洲官方网站:Microsoft Australia
2017/01/10 全球购物
标准导师推荐信(医学类)
2013/10/28 职场文书
会计员岗位职责
2014/03/15 职场文书
党的群众路线教育实践活动心得体会(医院)
2014/11/03 职场文书
优秀班集体申报材料
2014/12/25 职场文书
2015年企业员工工作总结范文
2015/05/21 职场文书
Linux中Nginx的防盗链和优化的实现代码
2021/06/20 Servers
Mysql 8.x 创建用户以及授予权限的操作记录
2022/04/18 MySQL