JS HTMLElementへのメソッドの追加

Question

JavaScriptでのHTMLElementにメソッドを追加することは可能でしょうか。

例えば、数字オブジェクトであれば、以下のコードでメソッドを追加可能です。

Number.prototype.fx = function() {
    // 処理...
}

これをHTMLElementに対して行うことは可能ですか？？？

MDNの記事ではHTMLElementオブジェクトにはプロトタイププロパティが存在しなかったので、追加できないのかと疑問です。
それ以前の問題として、HTMLを組み立てる際に当該JSファイルを読み込む前にDOMが形成されてしまうという理由からできても無意味なのでしょうか、、、

[ 参考記事 ]
https://developer.mozilla.org/ja/docs/Web/API/HTMLElement

Answer 1

その Number の例と同じように可能です。
プロトタイプを変更すると、すでにパーズしてDOMツリーの一部になっているオブジェクトに対してもメソッドが足されます。

ただし、そもそも既存のプロトタイプを変更するのは行儀が悪いので、いまならカスタム要素を使うべきです。