JavaScript查找节点

---

整个文档的节点就是document节点，那么想要具体找到某个节点，我们可以使用document提供的一系列方法:

JavaScript查找节点

getElementsByTagName()返回所有指定HTML标签的元素，返回值是一个类似数组的HTMLCollection对象；匹配失败，返回[]参数是想要获取节点的具体节点名称，就是标签名；

JavaScript查找节点

getElementsByClassName()返回所有class名字符合指定条件的元素,返回值是一个类似数组的HTMLCollection对象；匹配失败，返回[]参数为标签的class属性的值

JavaScript查找节点

getElementsByName()选择拥有name属性的HTML元素，返回值是一个类似数组的HTMLCollection对象；匹配失败，返回[]参数为标签的name属性的值;注意，使用时，最好选择原生具有name属性的元素；

JavaScript查找节点

getElementById()返回匹配指定id属性的元素节点;没有发现匹配的节点，则返回null参数为标签的id属性的值,参数大小写敏感;

JavaScript查找节点

querySelector()、querySelectorAll()document.querySelector方法接受一个CSS选择器作为参数，返回匹配该

选择器的元素节点；如果有多个节点满足匹配条件，则返回第一个匹配的节点。如果没有发现匹配的节点，则返回

null；

document.querySelectorAll方法与querySelector用法类似，区别是返回一个类似数组的HTMLCollection对象，

包含所有匹配给定选择器的节点。