ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScriptでtdの値を変更する方法
JavaScriptでtdの値を変更する方法
- 青灯夜游オリジナル
- 2022-02-09 13:50:376442ブラウズ
td 値を変更する Javascript メソッド: 1. innerHTML 属性、構文 "specify td node.innerHTML = "new content";"; を使用します。 2. innerText 属性、構文 "specify td node.innerHTML = "new content";"; を使用します。 innerText = "新しいコンテンツ";"。
このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。
#td の値を変更するための JavaScript
#方法 1: innerHTML 属性を使用する<!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>
<!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>
##[関連する推奨事項: 
JavaScript 学習チュートリアル
以上がJavaScriptでtdの値を変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。