如何在表格布局中使用JavaScript变量?

Cod*_*LaY 1 javascript html5 html-table

这是我的代码:

<html>
<script type="text/javascript">
    var data1 = "$100";
    var data2 = "$80";
</script>
<body>

<table>
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$80</td>
  </tr>
</table>

</body>
</html>
Run Code Online (Sandbox Code Playgroud)

我需要用JavaScript变量data1和data2替换这100美元和80美元

怎么做?

Pet*_*son 9

如果将ids 指定给所需的单元格

<td id="data1">$100</td> 

<td id="data2">$80</td> 
Run Code Online (Sandbox Code Playgroud)

你可以像这样在Javascript中设置它们的值

document.getElementById("data1").innerHTML = data1;
document.getElementById("data2").innerHTML = data2;
Run Code Online (Sandbox Code Playgroud)

你可以在jsFiddle上看到这个.