如何在HTMLCollection或Element上调用Javascript calss / constructor

时间:2018-05-19 14:11:28

标签: javascript

我有一个名为slider

的JS构造函数/类

我想要做的是将滑动器称为HTMLCollection或Element的函数。

我想打电话

document.getElementsByClassName('my-class').slider()

我该怎么办?无法谷歌,可能是因为我不知道这种实现的术语

1 个答案:

答案 0 :(得分:2)

 HTMLCollection.prototype.slider = function() {
   //...
 }

这被称为"扩展原生原型"并且通常是一种不好的做法。你真的需要吗?为什么不呢:

function slider(nodes) { /*...*/ }

slider(document.getElementsByClassName("whatever"));

或者只是:

function slider(selector) {
  const nodes = document.querySelectorAll(selector);
  //...
}

slider(".someclass");