关于getElementsByName的用法

superstar0013 2020-10-23 02:45:12
先上代码:
<table id="t1">
<tr>
<td>
<input type="text" name="test" value="testing-001" />
<input type="text" name="test" value="testing-002" />
<input type="text" name="test" value="testing-003" />
</td>
</tr>
</table>

<table id="t2">
<tr>
<td>
<input type="text" name="test" value="testing-004" />
<input type="text" name="test" value="testing-005" />
<input type="text" name="test" value="testing-006" />
</td>
</tr>
</table>

<table id="t3">
<tr>
<td>
<input type="text" name="test" value="testing-007" />
<input type="text" name="test" value="testing-008" />
<input type="text" name="test" value="testing-009" />
</td>
</tr>
</table>

我想只获取某个table内的input,但用document.getElementsByName("test")会获取到所有的数据,而用table.getElementsByName("test")有显示对象不支持方法,想问各位大神有什么好的解决方法吗?
...全文
393 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
superstar0013 2020-10-23
  • 打赏
  • 举报
回复
参照下面的方法可以解决! var inputItems=document.getElementsByTagName("input"); var checks=new Array(); //从所有的input元素中找到名字等于“htmlName”的复选框 for(var i=0;i<inputItems.length;i++){ if(inputItems[i].getAttribute("name") == htmlName){ checks.push(inputItems[i]); } }
superstar0013 2020-10-23
  • 打赏
  • 举报
回复
我需要获取某个table内的全部input,而不是单个的input,而且每个tale内的个数不确定。 例如:想要要获取t1内的记录,即 <input type="text" name="test" value="testing-001" /> <input type="text" name="test" value="testing-002" /> <input type="text" name="test" value="testing-003" />
風灬雲 2020-10-23
  • 打赏
  • 举报
回复
getElementsByName 是DOM对象的 方法 table.getElementsByName("test") 需要 给table 加上id = "table" 只有id 可以直接用id获取DOM 但是id不允许重复 所以 可以改成 document.querySelectorAll('table input[name="test"]') css 属性选择器
IT,MrXu 2020-10-23
  • 打赏
  • 举报
回复
<input type="text" id="test01" name="test" value="testing-007" /> document.getElementById("test01")

87,910

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧