怎么将图1中的信息录到图二中去?

问题遇到的现象和发生背景
问题相关代码,请勿粘贴截图
运行结果及报错内容
我的解答思路和尝试过的方法
我想要达到的结果

img

img

img

这样?获取input设置下td的内容为输入框的值

<table border="1">
    <tr><td>1</td><td><input type="text" /></td><td><input type="text" /></td><td><input type="text" /></td><td><input type="text" /></td></tr>
</table>
<input type="button" value="添加" onclick="save()" />
<script>
    function save() {
        var ipts = document.querySelectorAll('td input[type=text]');
        for (var el of ipts) el.parentNode.innerHTML = el.value;
    }
</script>