Question

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

我有以下代码

＆＃13;

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);
}

＆＃13;

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

＆＃13;

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>';

Answer 2

您需要连接字符串：

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

请记住，单引号或双引号之间的所有内容都被解释为字符串。但是您的uInput是一个变量。确保JavaScript获取连接所需的变量。这意味着使用+将字符串部分和变量粘贴在一起。炼狱的答案也有一个很好的ecmascript 6解决方案。

Answer 3

使用

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

连接你的字符串。除标准外，还要使用

uInput = document.getElementsByName('input').value

在你的javascript中

Answer 4

在print语句中，您必须使用“+”符号连接变量。你的功能第二行看起来像：

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

Javascript - 如何在编写表

4 个答案: