如何使用 JavaScript 添加带有动态 ID 的 div

Question

我正在尝试使用 Javascript:

创建 div

var v = e[c].day;
        var m = g(new Date(t, n - 1, v))
          ? '<div id=`${v}/${v}/${y}` class="today" type="button" onclick="addRow()">'
          : '<div type="button" onclick="addRow()">';
        l.append(m + "" + '<span class="month">' + i[n-1]+ "</span>" + "" + v + "</div>");

所以我想做的是将 id 与日期一起提供给 div，当我尝试这样做时 id=${v}/${v}/${y} 它正在完全像这样写：${v}/${v}/${y} 而不是日期。显然，t 是一年，n 是一个月，v 是一天。那么我怎样才能给他们一个像这样的 id ${v}/${v}/${y}?

Answer 1

div 是一个结束标签，这就是为什么您必须关闭代码中的每个 div

Answer 2

用反引号包围整个字符串：

`<div id="${v}/${v}/${y}" class="today" type="button" onclick="addRow()">`

见What are valid values for the id attribute in HTML?。

Answer 3

在您的三元语句的第一个输出中，您似乎使用单引号而不是反引号返回字符串。

我怀疑你需要反引号：

var v = e[c].day;
        var m = g(new Date(t, n - 1, v))
          ? `<div id="${v}/${v}/${y}" class="today" type="button" onclick="addRow()">`
          : '<div type="button" onclick="addRow()">';
        l.append(m + "" + '<span class="month">' + i[n-1]+ "</span>" + "" + v + "</div>");

如何使用 JavaScript 添加带有动态 ID 的 div

How to add div with dynamic id with JavaScript

html

javascript

conditional-statements

conditional-rendering