为通过 JavaScript 创建的 div 分配名称答案

【问题标题】：Assign a name to a div created through JavaScript为通过 JavaScript 创建的 div 分配名称
【发布时间】：2014-09-26 16:32:58
【问题描述】：

我正在创建一个 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");

【问题讨论】：

通常你应该使用id属性。
你能举个例子吗？如何在此函数之外使用 JavaScript 更改此 div？
stackoverflow.com/questions/9422974/createelement-with-id 说 div.setAttribute('id', 'MyId');
名称属性对 div 无效。
如果myNewDiv 是一个变量，你会完全按照那样做。否则引用它document.getElementById('myNewDiv').innerHTML = 'My Text';。

标签： javascript jquery html css

【解决方案1】：

HTML 元素（无论是否动态创建）通常由id 属性标识。将页面上的元素与其他元素区分开来的唯一标识符。

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

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

然后，您可以定位此元素。对于 CSS 中的示例，您使用语法 #id，例如：

#myDivId {
    color: red;
}

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

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

【讨论】：