prototype试用

　2010-09-14 13:10:51　来源：WEB开发网　　　

核心提示： 程序代码<HTML><HEAD><TITLE> Test Page </TITLE><script src="prototype-1.3.1.js"></script><script>f

程序代码

<HTML> <HEAD> <TITLE> Test Page </TITLE> <script src="prototype-1.3.1.js"></script> <script> 　　function test1() 　　{ 　　　　var d = $('myDiv'); 　　　　alert(d.innerHTML); 　　} 　　function test2() 　　{ 　　　　var divs = $('myDiv','myOtherDiv'); 　　　　for(i=0; i<divs.length; i++) 　　　　{ 　　　　　　alert(divs[i].innerHTML); 　　　　} 　　} </script> </HEAD> <BODY> 　　<div id="myDiv"> 　　　　<p>This is a paragraph</p> 　　</div> 　　<div id="myOtherDiv"> 　　　　<p>This is another paragraph</p> 　　</div> 　　<input type="button" value=Test1 onclick="test1();"><br> 　　<input type="button" value=Test2 onclick="test2();"><br> </BODY> </HTML>

这个方法的另一个好处就是你可以传入id字符串或者元素对象自己，这使得在创建可以传入任何形式参数的方法的时候，它变得非常有用。

2.2. 使用$F()方法

$F()方法是另一个非常受欢迎的简写。它可以返回任何输入表单控件的值，如文本框或下拉框。这个方法可以传入元素的id或者元素自己。

程序代码

<script> 　　function test3() 　　{ 　　　　alert(　$F('userName')　); 　　} </script> <input type="text" id="userName" value="Joe Doe"><br> <input type="button" value=Test3 onclick="test3();"><br>