带有 id 的 createElement - Javascript

在 Javascript 中，createElement 可以通过创建 DOM 元素的方式来操作 HTML。但是，如果需要为创建的元素添加一个唯一标识符（id），则需要用到另一种方式。

使用 document.createAttribute 方法

我们可以使用 document.createAttribute 方法来为元素创建属性，然后用 setAttributeNode 方法将其添加到元素中。

示例代码如下：

const element = document.createElement('div');
const idAttribute = document.createAttribute('id');
idAttribute.value = 'myUniqueId';
element.setAttributeNode(idAttribute);

在上面的示例中，我们首先使用 createElement 方法创建一个 div 元素。接着，使用 createAttribute 方法创建一个名为 id 的属性，并将其值设置为 myUniqueId。最后，使用 setAttributeNode 方法将该属性添加到 div 元素中。

使用元素直接设置 id 属性

还可以使用元素的 id 属性来直接设置其 id 值。

示例代码如下：

const element = document.createElement('div');
element.id = 'myUniqueId';

在上面的示例中，我们首先使用 createElement 方法创建一个 div 元素。接着，直接使用元素的 id 属性将其 id 值设置为 myUniqueId。

使用 jQuery

如果您使用 jQuery，则可以更轻松地为元素设置 id 属性。

示例代码如下：

const element = $('<div>').attr('id', 'myUniqueId');

在上面的示例中，我们使用 $() 方法来创建一个 div 元素，并使用 attr 方法将其 id 属性设置为 myUniqueId。

总结

以上就是在 Javascript 中带有 id 的 createElement 的几种方法。其中，直接设置元素的 id 属性是最简单的方式。如果您在项目中使用了 jQuery，则使用 attr 方法可更加便捷。

不论使用哪种方法创建元素，都要确保 id 是唯一的，以免在后续的操作中出现冲突。