Как к HTML элементу добавить функцию?

Question

[Сергей Кореневский]

Надо бы как ни будь к HTML элементам добавить функцию.
чтобы потом в коде, можно было вызвать свою пользовательскую функцию.
на подобии element.innerHTML

HTMLElement.prototype.MyFunc = function(){console.log(this)};

но после, почему то нет функции у элементов.
РЕШЕНИЕ:
Ответ помог составить Роман Дворянов:

HTMLElement.prototype.binder = function(){console.log('Ha Ha Ha!!!',this);};

Answer 1

[Сергей Кореневский]

HTMLElement.prototype.binder = function(){console.log('Ha Ha Ha!!!',this);};

Answer 2

[Роман Дворянов]

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

// Создаете функцию
function myFunc() {
  console.log('Функция сработала');
}

// Добавляете слушателя событий к нужному элементу
document.querySelector('div').addEventListener('click', myFunc);
// Клик по первому диву в разметке

// Или ко всем 
document.querySelectorAll('div').map(item => item.addEventListener('click', myFunc);)
// Клик по любому диву в разметке

Что ваша функция должна выполнять и при каких условиях срабатывать?

Comments

[Сергей Кореневский]

Мне нужно ко всем элементам HTMLэлементам добавить функцию. Вы предлагаете мне все теги так перебирать?
или все таки можно к базовому объекту добавить прототип фунции?

[Роман Дворянов]

Сергей Кореневский, что функция должна такое делать с каждым объектом html? При каких условиях срабатывать? только при наличии хтмл? Опишите что вы хотите делать. Как вы хотите ее вызывать и что должно при этом происходить?

[Сергей Кореневский]

Я хочу написать расширение(модуль) на JS.
Кажется получилось:

HTMLElement.prototype.binder = function(){console.log('Ha Ha Ha!!!',this);};

Я могу вызвать:
document.getElementById('mfForm_319').binder();
Спасибо Вы мне помогли осознать прототипирование.