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
    });

将DOM元素添加到onclick函数

3 个答案: