如何使用javascript为div标签提供唯一的id

Question

我可以使用 document.createElement('div') 创建一个 div 标签，

但是我不知道如何给它一个唯一的 id。

谁能帮我解决这个问题。

我知道如何使用innerHTML 来做到这一点，但是它非常麻烦。 （我听说这不是创建布局的好方法。）

Answer 1

将unique理解为不得与标记中的任何其他ID混淆的ID，最简单的方法是获取本地时间戳。如此处所示：

let div = document.createElement("div");
// With old JS syntax
div.id = "div_" + new Date().getTime().toString();
// With ES6 Template Strings you can also write
div.id = `div_ ${new Date().getTime().toString()}`;

虽然使用 < code>createElement 可能有点麻烦，您应该使用一些 JavaScript 框架来为您解决一些小细节（例如 jQuery、Mootools、Dojo 等）。

Answer 2

var d = document.createElement('div');
d.id = 'myElementId';
d.innerHTML = 'This is the content!';

或者

var d = document.createElement('div')
   .id = 'myElementId';

..实际上是同一件事，只是布局方式不同。

这负责分配 id。现在，为了独特。最好的方法是使用当前时间，因为 javascript 时间以毫秒为单位，因此不太可能重复。

放在一起：

var d = document.createElement('div')
   .id = 'id'+new Date().getTime().toString();

这确实有机会在适当的情况下自我复制。如果保持唯一性非常重要，那么唯一的方法就是使用指针：

// establish  a variable to hold the pointer
var uniquePointer = 0;

// every time you use the pointer to create a new element, increment the pointer.
var d = document.createElement('div')
   .id = 'id'+uniquePointer;
uniquePointer ++;

Answer 3

您可以为此使用库：
https://github.com/LiosK/UUID.js

它“生成符合 RFC 4122 的 UUID。 ”

有了元素，您可以使用以下代码为其分配 id：

element.id = "somePrefix" + UUID.generate()

Answer 4

var myDiv = document.createElement('div');
myDiv.id = "myUniqueId";