Hacker News Reader

Comment by crtasm | Hacker News Reader

Is there a way to make this also work as a function? e.g. myTable.$$('tr').foreach()

    import {qsA} from './dqs.js';

    rows = qsA(myTable, 'tr');

Thanks but the point is being able to chain it:

myTable.qsA('tr')

TypeError: myTable.qsA is not a function

Well, since html elements already have a querySelectorAll function, you could just assign it to a new method "qsA":

    HTMLElement.prototype.qsA = HTMLElement.prototype.querySelectorAll;

Now myTable.qsA('tr') will work. You can try it right here on the HN page in the browser console:

    HTMLElement.prototype.qsA = HTMLElement.prototype.querySelectorAll; 
    document.querySelector('#hnmain').qsA('tr');

Why do you prefer chaining?

You'll have to do this in addition to one of the previously discussed solutions if you want something like document.qsA since document isn't an HTMLElement.

Perfect, thankyou!

I suppose habit plus I find it easier to grok in that order, targetelement->childelements->foreach.

Reply on news.ycombinator.com