从来没详细学习过，现在总结一下，省得以后每次都要试好多次。。。

1，直接访问：

   A   对页面的HTML结构元素，常用的有table, tr, td, div, span等，可以用 window.objId；

   B   对表单元素，如input=text，select等，可以用 form.objId；

   C   表单是个特例，可以用

         window.formNam;
         window.document.forms[formIndex];
         window.document.forms[formName];

2，通过method访问：

   也就是调用各种对象的method，通过已知的name，id来获取。

   A  document.getElementById(objId);

         如果objId在页面中不唯一，返回第一个（ID也不唯一，实在是太不像话了！），如果objId标识一个collection对象，返回collection的第一个元素。

   B   document.getElementsByName(objName/objId);

         请注意，在Element后面有个s，也就是说，返回的是一个collection，可能必须使用循环进行查找；当然如果确定这个objName或者objId是唯一的话，collection[0]就可以了。

   C   document.getElementsByTagName(tagName);

         获得以tagName标记的HTML元素的collection。

   D   collection.item(index / name / id);

         与3.A几乎相同，但不能检索input type=image对象。

3，通过property访问：

   A   object.all[index / name / id];

         通过name/id检索时结果有可能是collection；

   B   object.childNodes[index]

         与A相似，但包含文本节点TextNode