document.querySelector和querySelectorAll方法

特点:

• querySelector纸皮片返回第一个元素,如果没有匹配项,返回null
• querySelectorAll 返回匹配的元素集合,如果没有匹配项,返回空的nodelist(节点数组)
• 返回的结果是静态的,之后对document结构的改变不会影响到之前取到结果
• 她们可以接受三种类型的参数:id(#),class(.),标签

var obj = document.querySelector("#id");
var obj = document.querySelector(".classname");
var obj = document.querySelector("div");
var el = document.body.querySelector("style[type='text/css'], style:not([type])");
var elements = document.querySelectorAll("#score>tbody>tr>td:nth-of-type(2)");
var elements = document.querySelectorAll("#id1, #id2, .class1, class2, div a, #list li img")；