电脑技术学习

JavaScript高级程序设计:访问指定节点

dn001
  这个页面会询问用户喜欢哪种颜色。所有单选按钮都用同样的名称(name特性),因为只要这个字段返回一个值(即选定的选项的value特性)即可。若要获得所有单选按钮元素的引用,可以使用下面的代码:

然后,就可以像处理其他元素那样处理这些单选按钮了:

IE 6.0和Opera 7.5在这个方法的使用上还存在一些错误。首先,它们还会返回id等于给定名称的元素。第二,它们仅仅检查<input/>和<img/>元素。

这是HTML DOM定义的第二种方法,它将返回id特性等于指定值的元素。在HTML中,id特性是唯一的——这意味着没有两个元素可以共享同一个id。毫无疑问这是从文档树中获取单个指定元素最快的方法。

假设有下列HTML页面:

要访问ID为"div1"的<div />元素,可以使用getElementsByTagName():

或者,可以使用getElementById():

可以看到,这种获取指定元素的引用的方法效率更高。

如果给定的ID匹配某个元素的name特性,IE 6.0还会返回这个元素。这是一个bug,也是你必须非常小心的一个问题。