Prototype1.5 的学习笔记

Prototype1.5的教程

$${}的用法
' ' = getElementByTagName
'#' = getElementById
' ' = getElementByClass
一些例子
$$('div')
// 返回所有文档中的div元素.  类似于document.getElementsByTagName('div')！
$$('#contents')
// 类似于$('contents'), 只是它返回的是一个数组。
$$('li.faux')
// 返回所有类名是'faux'的LI元素。
$$('#contents a[rel]')
// 返回在ID是'contents'的元素里面的所有拥有rel属性的超链接元素。
$$('a[href="#"]')
// 返回所有href属性为'#'的超链接元素。
$$('#navbar li', '#sidebar li')
// 返回在ID是'navbar'或'sidebar'的元素中的所有LI元素。
$$('div #loginForm .field input')
//返回标签时div中的，id是loginForm并且class是field  里面的input标签
$$('div#loginForm .field input', 'div#loginForm .fieldName');
//同上

$A的用法

源代码:

js 代码

var $A = Array.from = function(iterable) {
      if (!iterable) return [];
      if (iterable.toArray) {
            return iterable.toArray();
      } else {
        var results = [];
        for (var i = 0, length = iterable.length; i < length; i++)
              results.push(iterable[i]);
            return results;
      }
}

例子:
var someNodeList = $("lstFramework").getElementsByTagName("option");
 //获得select tag中的所有的option数组
 var nodes = $A(someNodeList);
       
var info = [];
// this is a array
nodes.each (function(node){
      info.push(node.value + ": " + node.innerHTML);
 });

//iterator数组,node为iterator的名称不能改的元素
       alert(info.join("\r\n"));
//为数字的每个元素增加\r\n

$F的用法

$F(element) -> value
返回一个表单控件的值。它是Form.Element.getValue的一个简短别名。

$H恩少用，也不安全，PASS
$R恩少用，PASS

${}的用法
单个参数返回Element
多个参数返回Array

 var div = $("div1"); // 单个参数
 alert(div.innerHTML);


 var divs = $("div1", "div2"); // 多个参数
 or (var i = 0; i < divs.length; i++) {
         alert(divs[i].innerHTML);
  }
  //Array

分享到：

Javascript的函数一(转) | NET　web site 的 timeout 问题

• 2007-08-25 09:12
• 浏览 1320
• 评论(0)
• 论坛回复 / 浏览 (0 / 2014)
• 查看更多