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

要使用模板文字 ：

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