JS学习小结

     JS学习总结

<o:p> </o:p>

 Confirm（）<o:p></o:p>

<o:p> </o:p>

<o:p> </o:p>

一、document对象的三个方法说明：

      1、getElementById(“key”); 

        注：参数KEY页面中对象的ID属性， 返回的是页面中第个一对象属性ID为KEY值的对象

<o:p> </o:p>

2、getElementsByName("key”);

   注：参数KEY是页面中对象的NAME属性，返回的是一个对象数组（数组中的对象的属性NAME的值均为KEY）。

<o:p> </o:p>

3、getElementsByTagName("input");

   注：参数KEY是页面中对象的标签名，

如：<input type=”radio” value=’<st1:chmetcnv w:st="on" tcsc="0" numbertype="1" negative="False" hasspace="False" sourcevalue="1" unitname="’">1’</st1:chmetcnv> name=’sex’ />

中KEY值为“INPUP”。

<o:p> </o:p>

返回的一个对象数组（数组中的对象标签是同名的）。

<o:p> </o:p>

<o:p> </o:p>

在JS中，通过以上三个方法得到的对象是一个document的节点NODE），对对象的操作实际上就是对document的节点（NODE）操作。

如：var obj=document.getElementById(“username”); 取得一个节点（对象）

   obj.name  取得这个节点（对象）属性为”NAME“的值

   obj.value  取得这个节点（对象）属性为”VALUE“的值

   obj.value=’<st1:chmetcnv w:st="on" tcsc="0" numbertype="1" negative="False" hasspace="False" sourcevalue="6688" unitname="’">6688’</st1:chmetcnv>  设置这个节点（对象）属性为”VALUE“的值

<o:p> </o:p>

4、使用$()方法

$() 方法是在DOM中使用过于频繁的 document.getElementById() 方法的一个便利的简写，就像这个DOM方法一样，这个方法返回参数传入的id的那个元素。

比起DOM中的方法，这个更胜一筹。你可以传入多个id作为参数然后 $() 返回一个带有所有要求的元素的一个 Array 对象

function test2()

{

var divs = $('myDiv','myOtherDiv');

for(i=0; i<divs.length; i++)

{

alert(divs[i].innerHTML);

}

}

使用$F()函数

$F()函数是另一个大收欢迎的“快捷键”，它能用于返回任何表单输入控件的值，比如text box,drop-down list。这个方法也能用元素id或元素本身做为参数。

<o:p> </o:p>

使用$A()函数

$A()函数能把它接收到的单个的参数转换成一个Array对象。

这个方法，结合被本类库扩展了的Array类，能方便的把任何的可枚举列表转换成或拷贝到一个Array对象。一个推荐的用法就是把DOM Node Lists转换成一个普通的Array对象，从而更有效率的进行遍历，请看下面的例子。

<o:p> </o:p>

<o:p> </o:p>