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

Prototype中如何为一个元素添加一个方法?

阅读更多
Prototype提供的Element.addMethods()方法可以 用来为一个元素添加自定义的方法,如果你有一个对象包含了一些自定义的方法,可以直接把这个对象传给Element.addMethods(); 例如:
var MyUtils = {
truncate: function(element, length){
element = $(element);
return element.update(element.innerHTML.truncate(length));
},
updateAndMark: function(element, html){
return $(element).update(html).addClassName('updated');
}
}
Element.addMethods(MyUtils);
// now you can:
$('explanation').truncate(100);
需要注意的一点就是这些方法的第一个参数必须是这个元素本身,你还可以在方法的最后返回这个元素
分享到:
评论

相关推荐

    prototype 中文开发手册和chm帮助文档

    Prototype 是一个广泛使用的JavaScript库,它为Web开发提供了丰富的功能,简化了DOM操作,事件处理,AJAX交互等任务。这个资源包含了一份PDF格式的"Prototype中文开发手册"和一个CHM格式的"Prototype帮助文档",对于...

    prototype中文帮助文档

    Prototype.js 是一个广泛使用的JavaScript库,它为JavaScript编程提供了许多实用的功能,极大地简化了DOM操作、事件处理、Ajax交互以及对象扩展等任务。这个压缩包包含的“prototype.js”文件就是Prototype.js的核心...

    Prototype中文帮助文档

    Prototype 为Array和Hash对象添加了许多实用的方法,如`Array.each()`遍历数组,`Array.include()`将元素添加到数组,`Hash.keys()`获取哈希的所有键,以及`Hash.values()`获取所有值。这些方法极大地提高了处理数组...

    prototype介绍和使用方法

    在JavaScript开发中,Prototype是一个重要的库,由Sam Stephenson创建,主要用于提升Web应用程序的交互性和用户体验,特别是在实现Web 2.0特性时。Prototype库的核心理念是通过提供一系列强大的工具和扩展,简化...

    prototype帮助中文文档

    Prototype 是一个广泛使用的JavaScript库,它为浏览器端的开发提供了许多强大的功能,特别是对于处理DOM操作、Ajax交互以及对象扩展等方面。这个“prototype帮助中文文档”涵盖了Prototype库的核心概念、方法和最佳...

    prototype

    - **addMethods**:向元素添加自定义方法。 - **ancestors**:获取元素的所有祖先。 - **classNames**:获取元素的CSS类列表。 - **cleanWhitespace**:清理元素周围的空白。 - **descendantOf**:检查元素是否为另...

    Prototype框架常用方法简介

    本文将详细介绍Prototype框架中的几个常用方法,并通过实例进行解析。 1. **$** 和 **$$** Prototype的核心方法之一是`$`,它用于根据ID获取元素。例如: ```javascript var element = $('myElementId'); // ...

    prototype开发者手册(中文版)+prototype.js

    例如,`$`函数可以快速获取DOM元素,`Element.extend`则可以为任何元素添加新方法,极大地提高了代码的可维护性和可复用性。 在事件处理方面,Prototype提供了一种统一的方式来绑定和解绑事件监听器,避免了传统...

    prototype_PrototypeJS1.6_

    标题"prototype_PrototypeJS1.6_"中提到的"Prototype"是一个JavaScript库,它为JavaScript编程提供了一套丰富的工具集,主要用于简化DOM操作、创建Ajax应用以及实现对象的继承机制。"1.6版本"表明这是该库的一个特定...

    动态增加行列以及表格_基于prototype

    Prototype是一个广泛使用的JavaScript框架,它为JavaScript提供了一些类的特性,使得代码更加简洁和易于维护。 Prototype的核心思想是通过扩展JavaScript的内置对象和添加新的方法来增强其功能。在处理表格这类HTML...

    prototype 1.6 API 中文版

    Prototype 1.6 API 是一个JavaScript库的重要版本,它提供了许多实用的功能,使得在JavaScript中进行面向对象编程变得更加简单和高效。这个API中文版的发布,对于中文开发者来说,无疑是一个极大的福音,因为它帮助...

    prototype 1.6中文手册 chm+prototype 1.6.js源码 最新版

    Prototype JavaScript 框架是Web开发中的一个关键工具,它为JavaScript编程提供了许多实用的类库函数和设计模式。这个“Prototype 1.6中文手册 chm+prototype 1.6.js源码 最新版”正是面向希望深入学习和掌握...

    prototype demo

    1. **Prototype机制**:在JavaScript中,每个函数都有一个prototype属性,这个属性指向一个对象,该对象的属性和方法可以被实例对象共享。当我们尝试访问实例的一个属性时,如果在实例上找不到,JavaScript会查找其...

    DOM 模型和 Prototype

    DOM将整个页面视为一个树形结构,其中每个节点代表文档的一部分,包括元素、属性、文本等。通过DOM,我们可以用编程方式访问和修改网页内容。 Prototype是一个JavaScript框架,它扩展了JavaScript的基本对象,提供...

    Prototype1.5.1使用手册

    《Prototype 1.5.1使用手册》是针对JavaScript库Prototype的一个详细指南,该库是Web开发中的一个强大工具,尤其在处理DOM操作、Ajax交互和函数增强方面表现卓越。本手册以.chm(Compiled Help Manual)格式提供,...

    prototype.js 1.6中文手册、prototype.js 1.6英文手册、

    Prototype.js 是一个开源的JavaScript库,它扩展了JavaScript语言,为开发者提供了许多便利的功能,特别是在对象操作、DOM操作和事件处理方面。1.6版本是该库的一个重要里程碑,引入了诸多改进和新特性。 ### 1. ...

    prototype中文开发手册大全

    在"Prototype中文开发手册大全"中,我们主要探讨的是Prototype库,这是一个为JavaScript设计的开源框架,主要用于简化DOM操作、实现面向对象编程以及提供一些实用的函数。** **Prototype 1.4 和 Prototype 1.5 是两...

    Prototype-1.6.0 中文版\英文版\Prototype.js

    Prototype.js 是一个广泛使用的JavaScript库,它为JavaScript语言增加了许多实用的功能,使开发Web应用程序变得更加简单。这个压缩包包含了Prototype的1.6.0版本,包括中文版和英文版的文档,以及源代码文件。 首先...

    Prototype中文文档

    例如,你可以为Array对象添加一个`contains`方法,检查数组是否包含特定元素。 此外,Prototype引入了强大的DOM操作接口。它提供了便利的手段来查找、创建、修改和删除HTML元素,简化了与文档对象模型(DOM)的交互...

    JS:prototype用法

    - **数字相加**:可以通过`Number.prototype.add`为所有数字实例添加一个相加方法。 ```javascript Number.prototype.add = function(num) { return this + num; }; alert((3).add(15)); // 显示18 ``` - **...

Global site tag (gtag.js) - Google Analytics