添加DOM元素到onclick函數

Question

我想添加一個DOM元素到HTML onclick函數，但我不知道如何。也許這個問題更清楚，當我告訴你一些代碼：

var element1 = document.createElement('div'); 
var element2 = document.createElement('div'); 

element1.setAttribute('onclick','function('+element2+')'); 

我知道你應該

onclick="function(this...)" 

啓動和導航這樣對我想要的元素，但我不知道是否有可能在一種像上面提到的那樣做的方法。

Answer 1

沒有將元素映射到字符串的內置功能。如果你正在尋找一種方式來傳遞元素的處理程序，請嘗試：

var element1 = document.createElement('div'); 
var element2 = document.createElement('div'); 

element1.addEventListener('onclick',(function(element2){return function(){/* do something with element2 here*/})(element2)); 

Answer 2

如果你可以使用jQuery，你可以嘗試這樣的事：

$(someElement).click(function(){ 
     var element1 = document.createElement('div'); 
     var element2 = document.createElement('div'); 

     // Do something here 
    }); 

Answer 3

不知道你想做什麼在這裏，但它是沒有必要做你在做什麼？

這是鏈接或任何你打算點擊...

var someLink = document.getElementById('#some-link'); 

當你點擊它，你可以做一些divs ...

someLink.onclick = function() { 

    var element1 = document.createElement('div'); 
    var element2 = document.createElement('div'); 

    // Do something with element1 or element2 
}