DOM ツリーを使用すると、各ハイパーリンクの前にあるテキスト ボックスの値を変更するなど、ID を使用せずに関連コンテンツを変更できます。 <title></title> <table> <tr> <td> <input id="hehe" type="text" value="1"><a href="#" onclick="this.previousSibling.value "> </a> </td> <td> <input id="hehe" type="text" value="1"><a href="#" onclick="this.previousSibling.value "> </a> </td> <td> <input id="hehe" type="text" value="1"><a href="#" onclick="this.previousSibling.value "> </a> </td> </tr> </table> [Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、更新して実行する必要があります ] ここ主に、previousSibling 属性を使用して前のノードにアクセスし、それによって前のテキスト ボックスの値を変更する効果を実現します。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
