JavaScript中$号的意思
$是指prototype定义的一类方法
$("id")得到的是页面id为“id”的元素
$F("id")得到的是页面id为“id”的元素的值,这是只读的,不可写
通用性方法
这个程序包里面包含了许多预定义的对象和通用型方法。编写这些方法的明显的目的就是为了减少你大量的重复编码和管用法。
使用$()方法
$()方法是在DOM中使用过于频繁的document.getElementById()方法的一个便利的简写,就像这个DOM方法一样,这个方法返回参数传入的id的那个元素。
你可以传入多个id作为参数软后$()返回一个带有所有要求的元素的一个Array对象。如下例子:
<HTML>
<head>
<title>Test</title>
<script src="prototype-1.3.1.js"></script>
<script>
function myFunction1()
{
var a = $('myDiv');
alert(d.innerHTMl);
}
function myFunction2()
{
var divs = $('myDiv','myOtherDiv');
for(i = 0; i < divs.length; i ++){
alert(div[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=myFunction1 onclick="myFunction1();" /><br>
<input type="button" value=myFunction2 onclick="myFunction2();" /><br>
</body>
</HTML>
此方法的另一个好处就是你可以传入id字符串或者元素对象自己,这使得在创建可以传入任何形式参数的方法的时候,他变得非常有用。
使用$F()方法
$F()方法是另一个非常受欢迎的简写。它可以返回任何输入表单控件的值,入文本框或下拉框。这个方法可以传入元素的id或者元素自己。
<script>
function myFunction3()
{
alert($F('userName'));
}
</script>
<input type="text" id="userName" value="Joe Doe"><br>
<input type="button" value=myFunction3 onclick="myFunctyion3();" /> <br>