javascript - 将 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

不知道你在这里的目标是什么，但没有必要做你正在做的事情......

这是链接或您打算单击的任何内容...

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

当你点击它时，你可以对一些 div 做一些事情......

someLink.onclick = function() {

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

  // Do something with element1 or element2
}

Answer 3

如果你可以使用 jQuery，你可以尝试这样的事情：

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

       // Do something here
    });