Prototype实战教程----1.$$

【 tulaoshi.com - Web开发 】

htmlheadtitleTest $$/titlescript src="prototype.js"/scriptscriptfunction test$$(){　　/**//*　　　in case CSS is not your forte, the expression below says　　　'find all the INPUT elements that are inside　　　elements with class=field that are inside a DIV　　　with id equal to loginForm.'　　*/　　var f = $$('div#loginForm .field input');　　var s = '';　　for(var i=0; if.length; i++){　　　　s += f[i].value + '/';　　}　　alert(s); // shows: "joedoe1/secret/"　　//now passing more than one expression　　f = $$('div#loginForm .field input', 'div#loginForm .fieldName');　　s = '';　　for(var i=0; if.length; i++){　　　　s += ( f[i].value ？ f[i].value : f[i].innerHTML ) + '/';　　}　　alert(s); //shows: "joedoe1/secret/User name:/Password:/"var　　temp=$$('div#loginForm .field');　　alert(temp.innerHTML);}function testtoColorPart(){var num=new Number(50);　　alert(num.toColorPart());　　}

　　/script

div id='loginForm'　　div class='field'　　　　span class='fieldName'User name:/span　　　　input type='text' id='txtName' value='joedoe1'/　　/div　　div class='field'　　　　span class='fieldName'Password:/span　　　　input type='password' id='txtPass' value='secret' /　　/div　　input type='submit' value='login' //divinput type=button value='test $$()' onclick='test$$();' /input type=button value='testtoColorPart' onclick='testtoColorPart();' //body/html