js之querySelector方法

querySelector()接受一个CSS选择符，返回匹配的第一个元素，反之则NULL。

如：

　　var body = document.querySelector('body');

　　var mydiv = document.querySelector('#mydiv');

　　var myclass = document.querySelector('.selected');

以上三个用来代替getElementById()和getElementByTagName().

其次如果要限定范围查找  则可以 

　　var img = document.body.querySelector('img.button');

 

 

相对于querySelectorAll(); 则是取得一个NodeList