Question

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

on div.setAttribute("id", "Div1");

Answer 1

HTML元素（动态创建与否）通常由id属性标识。一个唯一标识符，用于区分页面上的元素与其他元素。

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

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

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

#myDivId {
    color: red;
}

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

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

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

1 个答案: