js dom元素查找方法的总结11/22/2008
一直艳羡jquery的强大的元素查找功能,但是,随着对HTML DOM了解的加深,终于这层神秘的光环也渐渐退去。呼呼,那我好好总结一下Javascript dom的元素查找方法吧。
- getElementById:这个最司空见惯的根据id定位对象的方法
- getElementsByName:根据name(名称)获取一组对象的集合
- getElementsByTagName:根据标签名来获得一组对象集合
- getElementsByClassName:其实不存在这个方法,但是我们可以根据前面的几个方法来自定义,不错吧
- nextSibling:获得下一个元素对象(大概兼容性存在点问题)
- previousSibling:获取上一个元素对象(兼容性有点问题)
- parentElement:获取当前元素的父对象
- children:所有子元素对象的集合
- firstChild:第一个子节点
- lastChild:最后一个子节点
- parentNode:父节点
- childNodes:所有子节点的集合
这里需要注意的是:parentNode 、childNodes、firstChild、lastChild、nextSibling、previousSibling 这些节点的定位方法,在某些时候IE和FF返回的结果竟是迥然不同的,不得不在此表示对IE的鄙视一下!

原来还有getElementsByName这个方法呀,为什么我一直不知道呢~_~
为什么不是# nextSibling
# previousSibling
呢?
贼贼~~今天找节点的时候就是大小写给弄错了,结果老是没有找到。。。
我知道错了。