Как расширить объект querySelector?

Question

[Test Test]

Добрый день, если я правильно сформулировал свой вопрос, то помогите, пожалуйста, мне сделать так, чтобы функция myPlugin выполнялась вот так:

document.querySelector('.class').myPlugin({option: true});

Так возможно сделать?

Answer 1

[Кирилл]

По документации querySelector возвращает объект типа Element. Вы можете его расширить вашим плагином:

Element.prototype.myPlugin = function (params) {
  console.log(params.option);
};
document.querySelector('body').myPlugin({ option: true });

Answer 2

[Mikhail Osher]

querySelector возвращает element. Не самая лучшая затея модифицировать прототип DOM элементов.

Лучше сделайте так:

myPlugin(document.querySelector('.class'), {option: true});

Comments

[Test Test]

Почему не лучшая, не могли бы объяснить?

[Mikhail Osher]

Евгений Полевов: perfectionkills.com/whats-wrong-with-extending-the-dom