querySelector 返回满足条件的单个元素
使用实例
HTML
主体布局
JS
var main =document.querySelector(‘#main‘);
console.log(main)
这时候结果返回的就是 整个元素
主体布局
返回一个查询元素
测试谷歌 IE11 IE10 IE9 火狐 可以正常使用
PS: 如果接受多个查询参数 只返回第一个查询结果
上面的比如这样查询 document.querySelector(‘#main,.footer‘)
只返回
主体布局
截图
querySelectorAll 返回满足条件的所有元素集合
HTML
JS
var footer = document.querySelectorAll(‘.footer‘);
console.log(footer);
结果是一个数组 选择其中的一个就要用footer[0] footer[1]
结果
footer[0] 返回
footer[1] 返回
PS:可以接受多个参数 都返回到数组里
document.querySelectorAll(‘#main,.footer‘)
返回的是三个
直接看截图
原文:http://www.cnblogs.com/xxx91hx/p/4720227.html