在Javascript中将子元素和事件作为DOM对象的属性进行处理

Question

如果我可以缓存DOM选择并将它们直接存储在DOM父元素上，那将会有多糟糕。说我有

(function(element){

element['content'] = element.querySelector(".tooltip__content");

//maybe event this
element['content']['handlers']['click'] = function(e){...};

}(document.querySelector("tooltip"));

这样我可以＆＃34;缓存＆＃34; DOM选择并引用与removeEventListener一起使用的事件处理程序。

有多糟糕？有哪些替代方案？谢谢。 当然，我可以将它存储在单独的变量中，但也许有更多的结构组织方式？