2.1 使用$()方法

优质

小牛编辑

133浏览

2023-12-01

$() 方法是在 DOM 中使用过于频繁的 document.getElementById() 方法的一个便利的简写，就像这个 DOM 方法一样，这个方法返回参数传入的 id 的那个元素。比起 DOM 中的方法，这个更胜一筹。你可以传入多个 id 作为参数然后 $() 返回一个带有所有要求的元素的一个 Array 对象。

<HTML>
<HEAD>
<TITLE> Test Page </TITLE>
<script src="prototype1.4.js"></script>
<script>
function test1(){
    var d=$('myDiv');
    alert(d.innerHTML);
}
function test2(){
    var divs=$('myDiv','myOtherDiv');
    for(i=0;i<divs.length;i++){
        alert(divs[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=Test1 onclick="test1();"><br> <input type="button" value=Test2 onclick="test2();"><br>
</BODY>
</HTML>

另外一个好处是，这个函数能传入用 string 表示的对象 ID，也可以传入对象本身，这样，在建立其它能传两种类型的参数的函数时非常有用。