找节点之前需要先获取节点,常用方法有一下几种:
- getElementById( )//获取某个节点的ID
- getElementsByName()//获取name名,返回一个数组
- getElementsByTagName()//获取标签名,返回一个数组
- getElementsByClassName()//获取类名,返回一个数组
层级关系属性
- obj.parentNode 父节点
- obj.firstChild 子节点
- obj.lastChild 最后节点
- obj.children 所有的子元素(只包含标签),返回类型HTMLCollection
- obj.childNodes 所有的子节点(包括空白符、注释),返回类型NodeList集合
- obj.nextSibling 后一位兄弟节点
- obj.previousSibling 前一位兄弟节点
利用以上方法可以找网页中的任何节点。关于找子节点个人还是比较爱用children,因为它是只包含标签的。不像childNodes会包含所有的子节点(包括空白符、注释),这里一定要注意。
有时候找了节点没内容,调试显示undefined,这种情况一般都是找错了。这时候就需要调试一步一步看了,其实这个东西就是要自己调试一步一步看。调试是一个很好的习惯,大家没事一定要多调试。经常调试看多了就会慢慢明白它的运行原理,运行原理都明白你还担心什么是吧!