取div中input标签的内容并显示

Question

在如下结构中，如何在另外的一个地方，例如一个td中，获取到三个input的值并显示在页面上？

<div> 
  <div>
    <input>
  </div>
  <div>
    <input>
  </div>
  <div>
    <input>
  </div>
</div>

Answer 1

代码供参考

<div>
        <div>
            <input value="aaa">
        </div>
        <div>
            <input value="bbb">
        </div>
        <div>
            <input value="ccc">
        </div>
    </div>
    <table>
        <tr>
            <td></td>
        </tr>
    </table>
    <script>
        var td = document.querySelector('td');
        var inputs = document.querySelectorAll('input');
        var str="";
        inputs.forEach(input => {
            str+=input.value+" ";
        });
        td.innerHTML = str;
    </script>