JavaScript 利用 DOM 遍历修改超链接前文本框值

作者:交互手记时间:2026-10-22 03:15:09浏览:582

本文介绍如何利用 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 属性来访问前一个兄弟节点,进而实现对该文本框值的修改。

作者最新文章