在用`字符引用的字符串中插入变量[重复]答案

【问题标题】：Insert variable in a string quoteed with ` character [duplicate]在用`字符引用的字符串中插入变量[重复]
【发布时间】：2019-06-19 19:58:27
【问题描述】：

我尝试在字符串中插入变量，该变量将被添加到表格的一行中

var newLetter = "你好";

var row = `
    <tr>
      <td  data-id="+newLetter+">"+newLetter+"</td>
      <td> <input class="" type="checkbox" name="comp"> </td>
      <td> <input class="" type="checkbox" name="flex"> </td>
      <td> <input class="" type="checkbox" name="abs"> </td>
    </tr>
    `;

document.getElementById("class1").insertRow(-1).innerHTML = row;

我在http://jsfiddle.net/8kndew35/创建了一个基本示例

好像没有插入变量值。

【问题讨论】：

标签： javascript

【解决方案1】：

你需要使用这种格式：

var row = `
    <tr>
      <td  data-id="${newLetter}">${newLetter}</td>
      <td> <input class="" type="checkbox" name="comp"> </td>
      <td> <input class="" type="checkbox" name="flex"> </td>
      <td> <input class="" type="checkbox" name="abs"> </td>
    </tr>
    `;

见Template literals。

【讨论】：

【解决方案2】：

试试template literals:

var row = `
<tr>
  <td  data-id="${newLetter}">${newLetter}</td>
  <td> <input class="" type="checkbox" name="comp"> </td>
  <td> <input class="" type="checkbox" name="flex"> </td>
  <td> <input class="" type="checkbox" name="abs"> </td>
</tr>
`;

【讨论】：