$() 方法是在DOM中使用过于频繁的 document.getElementById() 方法的一个便利的简写,就像这个DOM方法一样,这个方法返回参数传入的id的那个元素。
比起DOM中的方法,这个更胜一筹。你可以传入多个id作为参数然后 $() 返回一个带有所有要求的元素的一个 Array 对象。下面的例子会向你描述这些。
1 <HTML>
2 <HEAD>
3 <TITLE> Test Page </TITLE>
4 <script src="prototype-1.3.1.js"></script>
5
6 <script>
7 function test1()
8 {
9 var d = $('myDiv');
10 alert(d.innerHTML);
11 }
12
13 function test2()
14 {
15 var divs = $('myDiv','myOtherDiv');
16 for(i=0; i<divs.length; i++)
17 {
18 alert(divs[i].innerHTML);
19 }
20 }
21 </script>
22 </HEAD>
23
24 <BODY>
25 <div id="myDiv">
26 <p>This is a paragraph</p>
27 </div>
28 <div id="myOtherDiv">
29 <p>This is another paragraph</p>
30 </div>
31
32 <input type="button" value=Test1 onclick="test1();"><br>
33 <input type="button" value=Test2 onclick="test2();"><br>
34
35 </BODY>
36 </HTML>
2 <HEAD>
3 <TITLE> Test Page </TITLE>
4 <script src="prototype-1.3.1.js"></script>
5
6 <script>
7 function test1()
8 {
9 var d = $('myDiv');
10 alert(d.innerHTML);
11 }
12
13 function test2()
14 {
15 var divs = $('myDiv','myOtherDiv');
16 for(i=0; i<divs.length; i++)
17 {
18 alert(divs[i].innerHTML);
19 }
20 }
21 </script>
22 </HEAD>
23
24 <BODY>
25 <div id="myDiv">
26 <p>This is a paragraph</p>
27 </div>
28 <div id="myOtherDiv">
29 <p>This is another paragraph</p>
30 </div>
31
32 <input type="button" value=Test1 onclick="test1();"><br>
33 <input type="button" value=Test2 onclick="test2();"><br>
34
35 </BODY>
36 </HTML>