前言
之前在搞低版本IE兼容,主要是IE7和IE8,然后发现querySelector这个好用的方法IE居然都不兼容,那必须想办法兼容啊,不然要把所有的querySelector都改成getElementById,那个工作量太大,还要给每个元素都取个ID,二选一还是选择兼容querySelector吧。
目前,这份代码在IE78(window7和window xp)都测试过,均可以使用。
首先
当然是在百度搜下,找来找去,只找到了两个版本,可惜,丢进去代码里完全没有派上用场。而且代码也看不太懂,没清楚原理。
之后Google了下,找到另外一个版本,这个版本就感觉舒服一些了,基本能够看懂。先上代码:
function supportQuerySelector(){
if(!document.querySelector){
(function () {
var style = document.createStyleSheet(), select = function (selector, maxCount) {
var all = document.all, l = all.length, i, resultSet = [];
console.log('selector is ',selector);
style.addRule(selector, "foo:bar");
for (i = 0; i < l; i +=