为通过JavaScript创建的div指定一个名称

我正在创建一个div，并为其提供如下一些样式：

var div = document.createElement("div");
div.style.width = "100px";
div.style.height = "100px";
div.style.background = "red";
div.style.color = "white";
div.style.border = "2px solid rgba(0, 0, 255, 0.5)";

有没有办法给这个div指定一个名称，这样我就可以在其他地方引用它，比如在其他JavaScript代码或CSS中

更新

现在这样做：

$( document ).ready(function() {
    var div = document.createElement("div");
    div.style.width = "100px";
    div.style.height = "100px";
    div.style.background = "red";
    div.style.color = "white";
    div.style.border = "2px solid rgba(0, 0, 255, 0.5)";
    div.setAttribute("id", "Div1");
});

我越来越

Uncaught TypeError: undefined is not a function

在

div.setAttribute（“id”，“Div1”）
HTML元素（无论是否动态创建）通常由
id
属性标识。一种唯一标识符，用于将元素与页面上的其他元素区分开来

在您的情况下，它可以设置为：

div.setAttribute("id", "myDivId");

然后，可以将此元素作为目标。例如，在CSS中，您使用语法
#id
，如下所示：

#myDivId {
    color: red;
}

或者在JavaScript中，您可以通过
document.getElementById（）
函数访问此元素：

var d = document.getElementById("myDivId");
d.style.color = "red";

通常你应该使用
id
属性。你能举个例子吗？如何在此函数之外使用JavaScript更改此div？表示div.setAttribute（'id'，'MyId'）；name属性对div无效。如果
myNewDiv
是一个变量，则可以完全按照这种方式执行。否则引用它
document.getElementById（'myNewDiv'）。innerHTML='MyText'。