Javascript - 编写表格时如何使用变量

Question

我试图在表的第一列中打印变量的值，但是当我运行该方法时，我得到的是变量的名称

我有以下代码

function writeTable() {
  var table;
  var uInput = document.test.input.value;
  table = "<table><tr><th colspan=3>Table Header</th></tr>";
  table += "<tr><th>Column1</th><th>column2</th><th>column3</th></tr>";
  table += '<tr><td>uInput</td><td>Value2</td><td>value3</td></tr>';
  document.write(table);
}

<form name="test">
  <input type="text" name="input">
</form>
<input type="submit" name="submit" value="Write Table" onclick="writeTable()">

Answer 1

您需要更改此行:

table += '<tr><td>uInput</td><td>Value2</td><td>value3</td></tr>';

使用template literal :

table += `<tr><td>${uInput}</td><td>Value2</td><td>value3</td></tr>`;

或标准串联

table += '<tr><td>' + uInput + '</td><td>Value2</td><td>value3</td></tr>';