querySelectorAll与querySelector的区别和具体用法

querySelectorAll与querySelector的区别是：

querySelectorAll找出所有匹配的节点并返回数组；

querySelector找到一个后就返回节点对象。

找出所有标签： document.querySelectorAll("*")

找出 head下所有的标签:：document.head.querySelectorAll("*")
找出body标签下的第一个div标签：document.body.querySelectorAll("div")[0]
                                                              document.body.querySelector("div")
找出所有class=box的标签 ：document.querySelectorAll(".box")
找出所有class=box的div标签： document.querySelectorAll("div.box")

找出所有id=lost的标签： document.querySelectorAll("#lost")

找出所有p标签并且id=lost的标签： document.querySelectorAll("p#lost")

找出所有name=qttc的标签 ：document.querySelectorAll("*[name=qttc]")

找出所有存在name属性的标签： document.querySelectorAll("*[name]")

找出所有class=hot并且存在name属性的p标签 ：

document.querySelectorAll("p.hot[name]")

document.querySelectorAll("p[class=hot][name]")

多层级标签(//div/div/a)：document.querySelectorAll('div div a.delete')