您当前位于: 首页 » web前端编程 » js dom元素查找方法的总结

js dom元素查找方法的总结11/22/2008

一直艳羡jquery的强大的元素查找功能,但是,随着对HTML DOM了解的加深,终于这层神秘的光环也渐渐退去。呼呼,那我好好总结一下Javascript dom的元素查找方法吧。

  1. getElementById:这个最司空见惯的根据id定位对象的方法
  2. getElementsByName:根据name(名称)获取一组对象的集合
  3. getElementsByTagName:根据标签名来获得一组对象集合
  4. getElementsByClassName:其实不存在这个方法,但是我们可以根据前面的几个方法来自定义,不错吧
  5. nextSibling:获得下一个元素对象(大概兼容性存在点问题)
  6. previousSibling:获取上一个元素对象(兼容性有点问题)
  7. parentElement:获取当前元素的父对象
  8. children:所有子元素对象的集合
  9. firstChild:第一个子节点
  10. lastChild:最后一个子节点
  11. parentNode:父节点
  12. childNodes:所有子节点的集合


这里需要注意的是:parentNode 、childNodes、firstChild、lastChild、nextSibling、previousSibling 这些节点的定位方法,在某些时候IE和FF返回的结果竟是迥然不同的,不得不在此表示对IE的鄙视一下!

2,238位童鞋围观 | 3条评论标签:  

3条评论
  1. linvo 说:

    原来还有getElementsByName这个方法呀,为什么我一直不知道呢~_~

  2. 醉醉鱼 说:

    为什么不是# nextSibling
    # previousSibling
    呢?
    贼贼~~今天找节点的时候就是大小写给弄错了,结果老是没有找到。。。

发表评论

(发广告、垃圾评论者请慎重,点击左边按钮可能会造成下半身永久性创伤)