getElementById ,getElementsByName ,getElementsByTagName大概介绍,后两个是得到集合,byid只是得到单个对象

  getElementById 的用法。举个例子:

  <a id="link1" name="link1" href=http://www.aidengfeng.com>爱登封论坛</a>

  同一页面内的引用方法:

  1、getElementById:

  document.getElementById("link1").href

  2、getElementsByName:

  document.getElementsByName("link1")[0].href //这也是一个集合,是所有name等于该方法所带参数的标记的集合

  3、getElementsByTagName:

  document.getElementsByTagName("A")[0].href //这也是一个集合,是所有标记名称等于该方法所带参数的标记的集合

  4、tags集合:

  document.all.tags("A")[0].href

  //与方法7一样是按标记名称取得一个集合

  除此之外:

  event.scrElement可以获得触发时间的标记的引用;

  document.elementFromPoint(x,y)可以获得x和y坐标处的元素的引用;

  document.body.componentFromPoint(event.clientX,event.clientY)可以获得鼠标所在处元素的引用;

  还可以通过元素的父子节点和兄弟节点关系来引用,如nextSibling(当前节点的后一节点)、previousSibling(当前节点的前一节点)、childNodes、children、firstChild、lastChild、parentElement等都是父子节点和兄弟节点的一些引用;还不仅限于此。

  5、使用id:

  link1.href,返回值为http://www.aidengfeng.com

  6、使用name:

  document.all.link1.href,返回值为http://www.aidengfeng.com

  7、使用sourseIndex:

  document.all(4).href //注意,前面还有HTML、HEAD、TITLE和BODY,所以是4

  8、使用链接集合:

  document.anchors(0).href

  //全部的集合有all、anchors、applets、areas、attributes、behaviorUrns、bookmarks、boundElements、cells、childNodes、children、controlRange、elements、embeds、filters、forms、frames、p_w_picpaths、imports、links、mimeTypes、options、plugins、rows、rules、scripts、styleSheets、tBodies、TextRectangle,请参考MSDN介绍。