A simple gist for easily extracting elements from a DOM element into a pretty hierarchical structure

01 - find.js

Node.prototype.find = function (elms) {
    if (typeof elms === 'string') {
        return this.querySelector(elms);
    }
    var result = {};
    for (var key in elms) {
        result[key] = this.find(elms[key]);
    }
    return result;
};

02 - usage.js

var details = document.find({
        header {
            logo: '#header img',
            title: '#header h1'
        },
        article : 'article'
    });

details.header.title.innerHTML = 'test';
document.find('#header h1').innerHTML = 'test';