`
sakakokiya
  • 浏览: 516717 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Prototype面试题:Prototype是怎么扩展DOM的?

阅读更多
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);
分享到:
评论

相关推荐

    前端面试题:包括js面试题、vue面试题、react面试题、性能优化

    Vue面试题通常涵盖Vue的核心概念,如组件系统、响应式原理、指令、过滤器、生命周期钩子函数以及Vue Router和Vuex等。Vue.js是一个流行的前端框架,它提供了声明式渲染,使得数据绑定和事件处理变得简单。Vue的响应...

    前端开发面试题.html

    非常全面的前端开发面试题: HTML&CSS;: 对Web标准的理解(结构、表现、行为)、浏览器内核、渲染原理、依赖管理、兼容性、CSS语法、层次关系,常用属性、布局、选择器、权重、盒模型、 Hack、CSS预处理器、CSS3...

    2021年前端面试题汇总 高清pdf完整版

    《2021年前端面试题汇总》是一个全面的前端面试资源,涵盖了JavaScript基础到高级、CSS以及常用Web框架的相关面试题目。这份资料对于正在准备前端面试的开发者来说,是一份极具价值的学习材料。以下是对其中关键知识...

    前端高频面试题终结篇v4.pdf

    前端高频面试题终结篇v4.pdf 本资源摘要提供了前端开发工程师高频面试题的整理,涵盖了 JS、框架、面试题等多个方面的知识点。 一、JS 相关 1. 闭包:闭包是指函数内部可以访问其外部函数的变量的函数。闭包可以...

    2021腾讯华为、前端面试题集(基础篇)1

    "2021腾讯华为、前端面试题集(基础篇)1" 本资源摘要信息主要涵盖了前端开发相关领域的面试题,涵盖了多个方面的知识点,包括 Vue、Vuex、ES6、React、Redux、JS、正则表达式、浏览器/HTML/CSS 等。下面我们将逐一...

    腾讯校园招聘历年经典面试题汇总:前端岗1

    【腾讯校园招聘历年经典面试题汇总:前端岗1】 这些面试题目主要涵盖了前端开发的各个方面,包括基础概念、网络协议、编程技巧、数据结构、算法、框架理解以及系统设计等。下面将对部分题目进行详细解答: (5)、...

    js面试题下载

    面试题集合通常包含各种问题,旨在考察候选人在JS基础、jQuery库以及Ajax技术方面的理解和应用能力。现在,让我们深入探讨这些关键知识点。 1. **JavaScript基础**: - 变量与数据类型:了解`var`, `let`, `const`...

    75个JavaScript面试题集锦

    以下是一些基于给定面试题集锦的知识点详细说明: 1. **undefined 和 null 的区别**:`undefined` 表示变量已声明但未定义,而 `null` 是一个特殊值,表示一个空或无值的引用。 2. **&& 运算符**:它执行逻辑与...

    js面试技巧,面试题总结,MK

    这份"js面试技巧,面试题总结,MK"文档显然包含了作者在学习过程中整理的JS面试重点和常见问题,对于准备JS面试或者巩固基础知识的人来说是一份宝贵的资料。 在JS面试中,以下知识点经常会被考察: 1. **基础概念*...

    javascript面试题汇总

    JavaScript面试题汇总涵盖了广泛的知识点,以下是其中一些关键点的详细说明: 1. **变量声明**:在JavaScript中,可以使用var关键字声明变量。在给定的题目中,选项A `( )` 是一个无效的声明,因为没有提供任何值,...

    前端开发面试题

    ### 前端开发面试题知识点汇总 #### 第一部分:HTML & CSS 面试题 **1. Doctype与文档模式** - **Doctype**:文档类型声明,用于告诉浏览器文档采用哪种 HTML 或 XHTML 规范。 - **两种文档模式**: - **严格...

    JS、CSS、HTML面试题

    ### CSS面试题知识点: 1. **选择器**:掌握ID选择器(#id),类选择器(.class),元素选择器(tag),以及组合选择器(如后代选择器,子元素选择器,相邻兄弟选择器等)。 2. **盒模型**:理解CSS盒模型,包括...

    JS原生面试题.zip

    这份“JS原生面试题.zip”资源显然是一份专门针对JavaScript的面试题集锦,旨在帮助求职者,尤其是初级开发者更好地准备企业面试。下面,我们将深入探讨其中可能涉及的一些关键知识点。 1. **基础语法**: - 变量...

    经典的H5面试题

    ### 经典的H5面试题解析 #### 面试题背景 本文档是一份关于经典H5前端面试题的汇总资料,旨在帮助求职者全方位地提升自己的技能水平。题目覆盖了前端开发中的多个关键技术和概念,对于希望深入了解前端领域的...

    公司Web前端面试题

    ### 公司Web前端面试题知识点解析 #### 一、选择填空题解析 ##### 题目1:字符串拼接与类型转换 **题目内容**:`vara1=10,a2=20;alert("a1+a2=" + a1 + a2);` - **选项**:A. a1+a2=30 B. a1+a2=1020 C. a1+a2=a1+...

    Java学习精品面试题

    Java学习精品面试题涵盖了Java语言的基础知识和高级技术,包括CSS3新增的伪类、响应式布局的控制样式方式、获取DOM属性值的方法、数组操作、字符串操作、函数式编程、正则表达式、JSON对象、原型编程等。

    2022年最新前端面试题(字节跳动)真题解析

    以下是对2021年字节跳动前端面试题的详细解析,旨在帮助你全面理解前端技术栈的核心知识和面试技巧。 1. HTML与CSS基础: - 了解HTML5的新特性,如离线存储、拖放功能、媒体元素等。 - CSS布局:盒模型、Flexbox...

    前端面试题整理

    ### 前端面试题知识点整理 #### 一、Canvas与SVG对比 **Canvas位图:** - **依赖分辨率:** Canvas元素所绘制的内容依赖于像素,因此在不同分辨率的设备上显示效果会有差异。 - **不支持事件处理器:** Canvas本身...

    企业java相关面试题,包含前端面试资料.zip

    一、Java基础知识面试题 Java是企业级开发的基石,其面试题主要涉及以下几个方面: 1. Java语法:包括变量、数据类型、运算符、流程控制语句(如if、switch、for、while)、异常处理、面向对象特性(封装、继承、...

    js高级面试题

    ### ES6模块化如何使用?开发环境如何打包? 在现代前端开发中,模块化已成为标准实践之一,ES6 模块提供了清晰的方式来组织代码。...掌握这些知识不仅有助于提升开发者的技能水平,还能帮助他们在面试中脱颖而出。

Global site tag (gtag.js) - Google Analytics