1.使用$()方法
$()方法是在DOM中使用过于频繁的document.getElementById()方法的一个便利的简写，就像这个DOM方法一样，这个方法返回参数传
入的id的那个元素。可以出入多个id作为参数然后$()返回一个带有所有要求的元素的一个Array对象。该函数也能传入对象本身。
实例代码：
<html>
<head>
<script src="../prototype-1.6.0.2.js"></script>
</head>
<body>
<script>
function f(){
var button = $("p1");
alert(button);
var buttons = $("p1","p2");
for(var i = 0 ;i < buttons.length;i++){
alert(buttons[i].value);
}
}
</script>
<form>
<input type="text" value="xxxx" id="p1" />
<input type="text" value="yyyy" id="p2" />
<input type="button" value="xxx" onClick="f()" />
</form>
</body>
</html>
2.使用$F()函数
返回用于返回任何表单输入控件的值，也能用元素id或者元素本身作为参数
var value = $F("p1");
alert(value);
3.使用$A()函数
$A()函数能把它接受到的单个的参数转化成一个Array对象，该方法是对Array类的扩展，能把任何的可枚举的列表转换成或拷贝成一个
Array对象。一个推荐的用法就是把DOM Node Lists转换成一个普通的Array对象。
实例代码
<html>
<head>
<script src="../prototype-1.6.0.2.js"></script>
</head>
<body>
<script>
function test(){
var someNodeList = $('lst').getElementsByTagName('option');
var nodes = $A(someNodeList);
nodes.each(function(node){
alert(node.nodeName + ':' + node.innerHTML);
});
}
</script>
<form>
<select id="lst" size="10">
<option value="4">qq</option>
<option value="5">ww</option>
<option value="6">ee</option>
</select>
<input type="button" value="rr" onClick="test()"
</form>
</body>
</html>
分享到：
相关推荐
`prototype.js`是一个开源库，旨在扩展JavaScript的基础功能，尤其是面向对象编程的支持。这个库由Sam Stephenson创建，是Prototype Library的一部分，广泛应用于Web应用开发中，尤其在Rails框架下的Ajax开发。 ###...
通过学习和使用Prototype.js，开发者可以大大提高JavaScript编程的效率，同时享受到其带来的强大功能和便利性。《prototype.js中文手册》是深入理解并掌握这个库的宝贵资源，涵盖了从基础到高级的各种知识点，对于...
Prototype.js 是一个开源的JavaScript库，它扩展了JavaScript语言，为开发者提供了许多便利的功能，特别是在对象操作、DOM操作和事件处理方面。1.6版本是该库的一个重要里程碑，引入了诸多改进和新特性。 ### 1. ...
通过学习和使用prototype.js，开发者可以编写出结构更清晰、可维护性更强的JavaScript代码，同时也能提高开发效率，减少跨浏览器兼容性的烦恼。然而，随着ES6及后续版本的推出，许多prototype.js的功能已被原生...
《prototype.js：JavaScript框架的核心与应用》 在Web开发领域，JavaScript库和框架极大地提高了开发效率，其中Prototype.js就是一款非常流行的开源JavaScript框架。本文将深入探讨Prototype.js的核心概念、功能...
《prototype_1.7.3.js：JavaScript框架的里程碑》 在JavaScript的世界里，Prototype库是一个不可或缺的重要组成部分，尤其在Web开发领域，它为开发者提供了强大的功能和便利性。Prototype_1.7.3.js是这个库的一个...
Prototype.js 是一个广泛使用的JavaScript库，它扩展了JavaScript语言的功能，为开发人员提供了更强大的面向对象编程支持。该库的核心特性是其对JavaScript原型（prototype）机制的深入利用，使得JavaScript对象的...
"Prototype.js"是一个针对JavaScript的开源库，旨在增强和扩展JavaScript的基本功能，尤其在处理DOM（文档对象模型）操作、事件处理以及Ajax交互时提供了极大的便利。 ### 1. Prototype.js核心概念 - **原型链**：...
Prototype.js 是一个广泛使用的 JavaScript 库，它为浏览器环境提供了许多实用的功能，尤其是在对象操作和事件处理方面。1.6 版本是该库的一个重要里程碑，引入了许多改进和优化，使得开发人员能够更加高效地编写 ...
5. **类与继承**：Prototype.js引入了模拟类的概念，通过`Class.create`可以创建新的类，并使用`Object.extend`进行类的继承，从而实现了JavaScript中的面向对象编程。 6. **JSON支持**：1.4版中，Prototype.js提供...
在JavaScript的世界里，Prototype.js是一个著名的库，它扩展了JavaScript的内置对象，为开发者提供了更加便利的编程体验。本实例将深入探讨如何利用Prototype.js来实现弹出窗口和移动窗口的功能，这对于创建交互性强...
prototype.js是一个非常优雅的javascript基础类库，对javascript做了大量的扩展，而且很好的支持Ajax，国外有多个基于此类库实现的效果库，也做得很棒。 prototype.js不仅是一个有很大实用价值的js库，而且有很...
Prototype.js是最早期的JavaScript框架之一，它的设计目标是增强JavaScript的基本功能，使得JavaScript的面向对象编程更加简洁和强大。Prototype的核心特性包括： 1. **对象扩展**：Prototype通过扩展JavaScript的...
在Prototype.js中，可以使用`ModalBox`插件或者自定义JavaScript代码来实现这一效果。`ModalBox`是Prototype.js的一个扩展，提供了一种创建模态对话框的简单方式。 创建模态弹出窗口的步骤如下： 1. **HTML结构**...
Prototype.js是一款强大的JavaScript库，由Sam Stephenson开发，旨在简化JavaScript的编程，提供了一系列实用的函数和类扩展，增强了JavaScript的基本功能。这款库的核心理念是通过类原型（Class Prototyping）实现...
prototype.js使用教程.zip
Prototype.js 是一个强大的JavaScript类库，它为开发者提供了丰富的功能，使得创建具有高度互动性和Web2.0特性的富客户端页面变得更为简单。这个库的设计理念是扩展JavaScript的基础对象，提供一套统一且易于使用的...
Prototype.js是一个广泛使用的JavaScript库，它为JavaScript语言增加了许多实用功能，尤其在处理DOM操作、Ajax交互以及类（class）系统等方面提供了强大的支持。这个库的名字“Prototype”来源于JavaScript中的一个...