关于获取页面元素到补充总结

标准DOM里:

      getElementById()可以访问DOCUMENT中的某一特定元素，顾名思义，就是通过ID来取得元素，所以只能访问设置了ID的元素。

      getElementsByName()这个是通过NAME来获得元素，但不知大家注意没有，这个是GET　ELEMENTS，复数ELEMENTS代表获得的不是一个元素，为什么呢？因为DOCUMENT中每一个元素的ID是唯一的，但NAME却可以重复。打个比喻就像人的身份证号是唯一的（理论上，虽然现实中有重复），但名字是可以重复的，getElementsByName()[0]取得是第一个元素，getElementsByName()[1]取到是第二个元素

   getElementsByTagName()这个呢就是通过TAGNAME（标签名称）来获得元素，一个DOCUMENT中当然会有相同的标签，所以这个方法也是取得一个数组，下面这个例子有两个DIV，用getElementsByTagName("div")来访问它们，用getElementsByTagName("div")[0]访问第一个DIV，用

getElementsByTagName("div")[1]访问第二个DIV。

      访问某一特定元素尽量用标准的getElementById()，

      访问标签用标准的getElementByTagName(),但IE不支持getElementsByName()，所以要避免使用getElementsByName()，但getElementsByName()和不符合标准的document.all[]也可随你所用，这根据需要而定。  

     网上找到一个应用：

 

 

Javascript中的getElementById十分常用，但在标准的页面中，一个id只能出现一次，如果我想同时控制多个元素，例如点一个链接， 让多个层隐藏，该怎么做？用class，当然，同一个class是可以允许在页面中重复出现的，那么有没有getElementByClass呢？没有， 但是可以解决： //Create an array var allPageTags = new Array(); function hideDivWithClasses(theClass) { //Populate the array with all the page tags var allPageTags=document.getElementsByTagName("div"); //Cycle through the tags using a for loop for (i=0; i//Pick out the tags with our class name if (allPageTags[i].className==theClass) { //Manipulate this in whatever way you want allPageTags[i].style.display='none'; } } }