Heim >Web-Frontend >js-Tutorial >So ändern Sie den Wert von td in Javascript
So ändern Sie den td-Wert in JavaScript: 1. Verwenden Sie das innerHTML-Attribut, die Syntax „specify td node.innerHTML = „new content“;“; 2. Verwenden Sie das innerText-Attribut, die Syntax „specify td node.innerText =“. "neuer Inhalt";".
Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.
Javascript zum Ändern des Werts von td
Methode 1: Verwendung des innerHTML-Attributs
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<table border="1">
<tr>
<th>商品</th>
<th>价格</th>
</tr>
<tr>
<td>T恤</td>
<td id="xg">￥100</td>
</tr>
<tr>
<td>牛仔褂</td>
<td>￥250</td>
</tr>
<tr>
<td>牛仔库</td>
<td>￥150</td>
</tr>
</table>
<button onclick="myFunction()">修改td的值</button>
<script type="text/javascript">
function myFunction() {
var xtd = document.getElementById('xg');
xtd.innerHTML = "￥120";
xtd.style.color="red";
}
</script>
</body>
</html>
Methode 2: Verwendung des innerText-Attributs
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<table border="1">
<tr>
<th>商品</th>
<th>价格</th>
</tr>
<tr>
<td>T恤</td>
<td>￥100</td>
</tr>
<tr>
<td>牛仔褂</td>
<td id="xg">￥250</td>
</tr>
<tr>
<td>牛仔库</td>
<td>￥150</td>
</tr>
</table>
<button onclick="myFunction()">修改td的值</button>
<script type="text/javascript">
function myFunction() {
var xtd = document.getElementById('xg');
xtd.innerText = "￥200";
xtd.style.color="red";
}
</script>
</body>
</html> 
【Verwandte Empfehlung: Javascript-Lernen Tutorial 】
Das obige ist der detaillierte Inhalt vonSo ändern Sie den Wert von td in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!