Как сделать динамический геттер/сеттер

Question

Я уже знаю, как работают геттеры/сеттеры. например, делая inneHTML работу по нодлистов

Object.defineProperty(NodeList.prototype,'innerHTML',{set:function(a,b){for(b in this)if(this[b])this[b]['innerHTML']=a}}) 

Я хотел бы создать объект, который выводит что-то на основе имущества, к которому осуществляется доступ.

например:

dynamicGetter = function(property){return querySelectorAll(property)} 
myObject["div>ul>li>a"][0].innerHTML = "foo" 
myObject.div[0].style.background="red" 

Как я могу это сделать? Является ли это возможным?

Answer 1

Вот как это сделать: В настоящее время это работает только в Firefox :(

myObject = Proxy.create({ 
    get: function(x,property) { 
    return document.querySelectorAll(property); 
    } 
}); 

myObject["div>ul>li>a"][0].innerHTML = "foo" 
myObject.div[0].style.background="red"