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

prototype.js的使用

    博客分类:
  • JS
阅读更多
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>

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics