获取dom节点
获取dom对象
全局对象 window 中有属性document，代表的是整个文档节点
旧的获取元素节点的方式
DOM 0 版本
- document.body：获取body元素节点
- document.head：获取head元素节点
- document.links：获取页面上所有的超链接元素节点，类数组
- document.anchors：获取页面上所有的锚链接(具有name属性)元素节点
- document.forms：获取页面中所有的form元素节点
新的获取元素节点的方式
consele.dir(document.getElementById(“id”)); 查看对象
通过方法获取
- document.getElementById：通过id获取对应id的元素
- document.getElementsByTagName: 通过元素名称获取元素
- document.getElementsByClassName：通过元素的类样式获取元素，IE9以下无效
- document.getElementsByName：通过元素的name属性值获取元素
- document.querySelector：通过CSS选择器获取元素，得到匹配的第一个，可以选择嵌套的css类名 IE8以下无效
- document.querySelectorAll：通过CSS选择器获取元素，得到所有匹配的结果，可以选择嵌套的css类名 IE8以下无效
- document.documentElement: 获取根元素
细节：
- 在所有的得到类数组的方法中，除了querySelectorAll，其他的方法都是实时更新的。
- getElementById 得到元素执行效率最高。
- 书写了id的元素，会自动成为window对象的属性。它是一个实时的单对象。事实上的标准。不推荐使用。
- getElementsByTagName、getElementsByClassName、querySelector、querySelectorAll，可以作为其他元素节点对象的方法使用
根据节点关系获取节点
这一块节点只作为了解
- parentNode：获取父节点（元素、文档）
- previousSibling：获取上一个兄弟节点 （空格注释字符 都为节点）
- nextSibling：获取下一个兄弟节点
- childNodes：获取所有的子节点
- firstChild：获取第一个子节点
- lastChild：获取最后一个子节点
- attributes: 获取某个元素的属性节点
重点使用下面的元素节点
获取元素节点
- parentElement：获取父元素
- previousElementSibling：获取上一个兄弟元素
- nextElementSibling：获取下一个兄弟元素
- children：获取子元素
- firstElementChild：获取第一个子元素
- lastElementChild：获取最后一个子元素
获取节点信息
- nodeName：获取节点名称
- nodeValue：获取节点的值
- nodeType：节点类型，是一个数字
本文章为转载内容，我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题，欢迎原作者联系我们进行内容更正或删除文章。
