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

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

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

全选

我想用生成的唯一ID替换

.uniqueId（）

。 我如何才能做到这一点？

以下是您需要的：

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

您也可以在此处使用它：

---

与其动态创建

span

元素，不如使用中间函数：

function copyfieldWithUniqueID(event) {
    var uniqueID = uniqueID() // get a unique ID
    return fieldtoclipboard.copyfield(event, uniqueID);
}

function uniqueID() {
    function s4() {
        return Math.floor((1 + Math.random()) * 0x10000)
                .toString(16)
                .substring(1);
    }
    return s4() + s4() + '-' + s4() + '-' + s4() + '-' +
            s4() + '-' + s4() + s4() + s4();
}

HTML:

function uniqueID() {
    function s4() {
        return Math.floor((1 + Math.random()) * 0x10000)
                .toString(16)
                .substring(1);
    }
    return s4() + s4() + '-' + s4() + '-' + s4() + '-' +
            s4() + '-' + s4() + s4() + s4();
}