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文件使用和讲解prototype.js文件使用和讲解prototype.js文件使用和讲解prototype.js文件使用和讲解
prototype.js 1.6中文手册、prototype.js 1.6英文手册、
prototype.js是一个非常优雅的javascript基础类库,对javascript做了大量的扩展,而且很好的支持Ajax,国外有多个基于此类库实现的效果库,也做得很棒。 prototype.js不仅是一个有很大实用价值的js库,而且有很...
prototype.js使用教程.zip
prototype.js 1.6 中英文手册 和 prototype.js 1.6
prototype.js是一个非常优雅的javas cript基础类库,对javas cript做了大量的扩展,而且很好的支持Ajax,国外有多个基于此类库实现的效果库,也做得很棒。 prototype.js不仅是一个有很大实用价值的js库,而且有很高...
大名鼎鼎的 prototype.js,帮助有这方面需要的朋友.
万一你没有使用过大名鼎鼎的prototype.js,那么让我来告诉你,prototype.js是由Sam Stephenson写的一个javascript类库。这个构思奇妙,而且兼容标准的类库,能帮助你轻松建立有高度互动的web2.0特性的富客户端...
prototype.js开发手册.pdf
prototype.js 1.4-1.6[全], 需要的朋友可以看看!
万一你没有使用过大名鼎鼎的prototype.js,那么让我来告诉你,prototype.js是由Sam Stephenson写的一个javascript类库。这个构思奇妙,而且兼容标准的类库,能帮助你轻松建立有高度互动的web2.0 特性的富...
prototype开发者手册(中文版)+prototype.js
找了好久,才找到下载资源 prototype_1.7.3.js 最新版本
开发者网站: http://prototype.conio.net/ prototype学习资料包括: prototype14参考 prototype 1.3 源码解读.txt prototype 1.5 参考图 prototype 1.5pre1.js prototype 1.4.js
prototype.js源码及PDF文档, 推荐下载!
Prototype.js (ver:1.5.1.1) Prototype.js 帮助(ver:1.5.1)英文PDF Prototype.js 帮助(ver:1.4)中文CHM Prototype.js 帮助(ver:1.4)中文PDF
json.js json2.js json.jar prototype.js prototype.chm
ajax.js是本人从prototype-1.3.1.js提取的ajax库 为方便调用,本人另写了两个函式:mmAjaxUpdater和mmAjaxRequest,在实践中,这两个函数只兼容prototype1.3.1版本。因此对以上函数进行重写,现在已兼容所有版本的...