如何使用javascript创建具有onclick和唯一id的元素

Question

我想用javascript创建一个元素，如下所示：

<span onClick="return fieldtoclipboard.copyfield(event, '.uniqueId()')">Select All</span>

我想用生成的唯一ID替换.uniqueId()。 我怎样才能做到这一点？

Answer 1

以下是您的需求：

var spanElement = document.createElement('span');
spanElement.innerHTML = 'Select All';
spanElement.uniqueId = 'your_unique_id'
spanElement.onclick = function() {
  console.log(this.uniqueId);
};

document.body.appendChild(spanElement);

你也可以在这里玩它：

http://fiddle.jshell.net/jrybt60n/

Answer 2

而是动态创建span元素，使用中间函数： function copyfieldWithUniqueID（event）{     var uniqueID = uniqueID（）//获取唯一ID     return fieldtoclipboard.copyfield（event，uniqueID）; } HTML： ＆lt; span onclick =“copyfieldWithUniqueID（event）”＆gt;选择全部＆lt; / span＆gt; （使用onclick而不是onClick属性） 从答案创建JavaScript中的GUID / UUID？ 定义一个函数： function uniqueID（）{     function s4（）{         返回Math.floor（（1 + Math.random（））* 0x10000）                 的ToString（16）                 （1）.substring;     }     return s4（）+ s4（）+' - '+ s4（）+' - '+ s4（）+' - '+             s4（）+' - '+ s4（）+ s4（）+ s4（）; }