本文介绍如何利用 JavaScript DOM 树结构，通过 previousSibling 属性访问节点，无需依赖 ID 即可修改超链接前方的文本框值。
利用 DOM 遍历修改相邻元素值
借助 DOM 树结构，开发者无需指定元素 ID 即可修改相关节点内容，例如调整每个超链接前方的文本框数值。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title></title> </head> <body> <table> <tr> <td> <input id="hehe" type="text" value="1">+ </td> <td> <input id="hehe" type="text" value="1">+ </td> <td> <input id="hehe" type="text" value="1">+ </td> </tr> </table> </body> </html> [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
核心思路是使用 previousSibling 属性来访问前一个兄弟节点，进而实现对该文本框值的修改。