附加一個普通的JavaScript插件到多個html元素

Question

假設我想製作一個普通的JavaScript插件。

var myPlainJsPlugin = (function (param1,param2) { 
    /*code here*/ 
}); 

我如何重視這個插件，該文件被加載後立即，與類「elmClass」，所有元素，而不 jQuery的？

我基本上談論作出普通的JavaScript插件它類似使用到使用jQuery插件：

$('.elmClass').jQueryPlugin(); 

我想放棄的jQuery的某個項目。

Answer 1

window.onload = function(){ 
    var els = document.getElementsByClassName("elmClass"); 

    Array.prototype.forEach.call(els, function(el) { 
      // Add code here 
      // e.g: el.onclick = doSomething(); 
    }); 
}; ` 

`

來源：Link

Answer 2

試試這個：

var elemtsWithClass = document.querySelectorAll(".elmClass"); 
    for(var x=0; x<elemtsWithClass.length; x++){ 
      elemtsWithClass[x].addEventListener("click", function(e) {}); 
    });