一直艳羡jquery的强大的元素查找功能,但是,随着对HTML DOM了解的加深,终于这层神秘的光环也渐渐退去。呼呼,那我好好总结一下Javascript dom的元素查找方法吧。
- getElementById:这个最司空见惯的根据id定位对象的方法
- getElementsByName:根据name(名称)获取一组对象的集合
- getElementsByTagName:根据标签名来获得一组对象集合
- getElementsByClassName:其实不存在这个方法,但是我们可以根据前面的几个方法来自定义,不错吧
- nextsibling:获得下一个元素对象(大概兼容性存在点问题)
- previoussibling:获取上一个元素对象(兼容性有点问题)
- parentElement:获取当前元素的父对象
- children:所有子元素对象的集合
- firstChild:第一个子节点
- lastChild:最后一个子节点
- parentNode:父节点
- childNodes:所有子节点的集合