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 属性来访问前一个兄弟节点,进而实现对该文本框值的修改。
作者最新文章
JS怎么实现页面强制刷新
2026-11-05 14:53:38
点击JS链接直接运行不下载?前端实现.js文件强制下载的三种方法
2026-11-05 12:12:23
怎么封装一个通用的JS创建元素辅助函数
2026-11-05 11:41:41
Swiper.js 怎么监听滑动结束并获取当前索引
2026-11-05 10:57:15
HTML、CSS和JS的关系:Web前端三件套怎么协作
2026-11-04 15:41:40
