通过控制台编辑/打印<input />字段

时间:2018-11-09 12:56:47

标签: javascript

这就是我所拥有的。没有ID,名称或类。

是否仍然可以使用Chrome Console和js在“城市”下的输入字段中输入值?另外,有没有办法我也可以在Chrome控制台中使用js打印该字段的值?

我认为这需要使用div City并遍历下一个输入。

提前谢谢!

<tbody>
<tr>
 <td>
  <table>
   <tbody>
    <tr>
     <td>
      <div>Address</div>
     </td>
    </tr>
   </tbody>
  </table>
 </td>
 <td>
  <table>
   <tbody>
    <tr>
     <td>
      <input>
     </td>
    </tr>
   </tbody>
  </table>
 </td>
</tr>
</tbody>
<tbody>
<tr>
 <td>
  <table>
   <tbody>
    <tr>
     <td>
      <div>City</div>
     </td>
    </tr>
   </tbody>
  </table>
 </td>
 <td>
  <table>
   <tbody>
    <tr>
     <td>
      <input>
     </td>
    </tr>
   </tbody>
  </table>
 </td>
</tr>
</tbody>
<tbody>
<tr>
 <td>
  <table>
   <tbody>
    <tr>
     <td>
      <div>Zipcode</div>
     </td>
    </tr>
   </tbody>
  </table>
 </td>
 <td>
  <table>
   <tbody>
    <tr>
     <td>
      <input>
     </td>
    </tr>
   </tbody>
  </table>
 </td>
</tr>
</tbody>

2 个答案:

答案 0 :(得分:1)

document.getElementsByTagName(“表格”)[3] .getElementsByTagName(“输入”)[0] .value =“您的值”

答案 1 :(得分:0)

样板代码

var tables = document.getElementsByTagName("table");
for (var i = 0; i < tables.length; i++) {
try {
    var field = document.getElementsByTagName("table")[i].getElementsByTagName("div")[0].textContent;
    if (field == "City") {
        document.getElementsByTagName("table")[i + 1].getElementsByTagName("input")[0].value = "your values"
    }
} catch (err) {}
}