我如何制作一个动态的吸气剂/吸气剂

Question

I already know how getters/setters work. for example, making inneHTML work on NodeLists

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

I would like to make an object that outputs something based on the property that is being accessed.

ex:

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

How can I do that? Is it possible?

Answer 1

Here is how to do it: Currently, this only works in 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"