IE7 querySelectorAll polyfill

qsa-polyfill-ie7.js

if (!document.querySelectorAll) {
    document.querySelectorAll = function(selector) {
        var doc = document,
            head = doc.documentElement.firstChild,
            styleTag = doc.createElement('STYLE');
        head.appendChild(styleTag);
        doc.__qsaels = [];

        styleTag.styleSheet.cssText = selector + "{x:expression(document.__qsaels.push(this))}";
        window.scrollBy(0, 0);

        return doc.__qsaels;
    }
}

qsa-polyfill-ie7.min.js

document.querySelectorAll||(document.querySelectorAll=function(a){var b=document,c=b.documentElement.firstChild,d=b.createElement("STYLE");return c.appendChild(d),b.__qsaels=[],d.styleSheet.cssText=a+"{x:expression(document.__qsaels.push(this))}",window.scrollBy(0,0),b.__qsaels});

It is untested in IE6 so I haven't mentioned it here. With IE6, you would be limited by which CSS selectors you could take advantage of. I'm working on projects that have a (for progressively enhanced JS) baseline of IE7. Polyfilling querySelectorAll allows me to do some nice element event handlers in projects where jQuery and other selector libraries aren't permitted.

What selectors does this cover?

Nice trick. But it only seems to work in Quirks mode.
If I set a then it breaks ?

What ?! How it work exactly !

Error ! TypeError: Cannot set property 'cssText' of undefined

I need support for selectors like a:not(:last-child). This polyfill doesn't help me in that area.

For the cssText bug:
http://stackoverflow.com/questions/5618742/ie-8-and-7-bug-when-dynamically-adding-a-stylesheet

This doesn't work for IE7 or down, you can still select all with jQuery.

Javascript

var elements = document.querySelectorAll('.all-elements-with-this-id');

jQuery:

var elements = $('.all-elements-with-this-id');