Table中td标签添加input，childNodes[0].value取不到input的值

最新推荐文章于 2023-02-12 22:43:49 发布

原创最新推荐文章于 2023-02-12 22:43:49 发布 · 1.4k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#js #javascript

JAVA 同时被 2 个专栏收录

6 篇文章

订阅专栏

1 篇文章

订阅专栏

本文详细解析了一段HTML代码中因错误的标签换行导致无法通过JavaScript正确获取Input元素值的问题。通过修正HTML结构，确保了代码的正确运行。

错误代码

 <tbody id="beijianList">
 <tr>
 <td class="center" style="background-color:#F5F9F6;border-top:1px solid #d5d5d5;">
   <input id="planMoney${vs.index+1}" style="width:90%;"    value="${var.PE_COUNT}"  />
 </td>
 <tr>
 </tbody>

这样写出来，我用下面代码获取input的值：

 var cl=document.getElementById("beijianList").rows.length;
 for(var i=0;i<cl;i++){
   var oCells = document.getElementById("beijianList").rows[i];
   var nums = oCells.cells[0].childNodes[0].value;
 }

这样获取到的nums是undefined

正确的代码是

 <tbody id="beijianList">
 <tr>
 <td class="center" style="background-color:#F5F9F6;border-top:1px solid #d5d5d5;"><input id="planMoney${vs.index+1}" style="width:90%;"    value="${var.PE_COUNT}"   /></td>
 <tr>
 </tbody>

原因是我写的input标签前面加了一个换行，导致取值怎么也取不到，标签里面的换行都去掉之后，就能正常获取到值了。
之前一直没注意，今天碰到了，记录一下。