DOMElementsを拡張するための正しいパターンを探してください

Question

私はjsを初めて使用しており、独自のメソッドとデータでdom要素を拡張する必要があります。

データについては、htmlで構築されたデータセットプロパティを使用しています。 方法については私は何をすべきか分かりません。

これを達成するためのよく知られたベストプラクティスはありますか？

Answer 1

DOM要素の周りにラッパーオブジェクトを作成し、DOM要素で直接ではなく相互作用することは、要素の機能を拡張する最善の方法であり、jQueryや他の多くのライブラリが取り組んでいるアプローチです。いくつかのライブラリ（特にPrototype）はDOMプロトタイプを直接拡張しましたが、これはbad ideaで信頼性がありません。ここで

は、ラッパーの簡単な例です：

function createElementWrapper(el) { 
    return { 
     element: el, 
     hide: function() { 
      el.style.display = "none"; 
     } 
    }; 
} 

var bodyWrapper = createElementWrapper(document.body); 
bodyWrapper.hide();