论坛首页 → 入门技术论坛 →

Prototype1.5 的学习笔记

浏览 2014 次
锁定老帖子 主题：Prototype1.5 的学习笔记
该帖已经被评为新手帖
作者 正文
  • hotforcc
  • 等级: 初级会员
  • 性别:
  • 文章: 24
  • 积分: 30
  • 来自: 北京
   发表时间：2007-08-25  
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 代码
  1. var $A = Array.from = function(iterable) {   
  2.       if (!iterable) return [];   
  3.       if (iterable.toArray) {   
  4.             return iterable.toArray();   
  5.       } else {   
  6.         var results = [];   
  7.         for (var i = 0, length = iterable.length; i < length; i++)   
  8.               results.push(iterable[i]);   
  9.             return results;   
  10.       }   
  11. }  


例子:
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
返回顶楼
         
论坛首页 → 入门技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics