これは私のコードです：テーブルレイアウトでJavaScript変数を使用するにはどうすればよいですか？
<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>
私はJavaScriptの変数DATA1と、この$ 100 & $ 80交換する必要が& DATA2
それを行うには？
あなたが
<td id="data1">$100</td>
<td id="data2">$80</td>
id秒を割り当てた場合
JavaScriptの値を次のように設定することができます
document.getElementById("data1").innerHTML = data1;
document.getElementById("data2").innerHTML = data2;
私は右のあなたを理解し、そしてあなたが100$と80$の間で交換する場合：
var data1 = "$100";
var data2 = "$80";
var elements = document.getElementsByTagName('td');
for (var i = 0; i < elements.length; i++) {
console.log(elements[i]);
if (elements[i].innerHTML == data1)
elements[i].innerHTML = data2;
else if (elements[i].innerHTML == data2)
elements[i].innerHTML = data1;
}
<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 onload="this.textContent=data1;"></td>
</tr>
<tr>
<td>February</td>
<td onload="this.textContent=data2;"></td>
</tr>
</table>
</body>
</html>
HTML5は、明示的なデータバインディングのオプションを持っていませんが、DOM要素にメタデータを挿入するデータ - タグを持っています。あなたはまだあなたのデータをバインドするために、より応答性の方法が必要な場合はMore info
あなたが代わるとはどういう意味ですかthis post
を試すことができますか？ '100 $'と '80 $'を切り替える？ – gdoron
いいえ、単に変数を使用しないでください:) –