html中如何通过按钮和js将table1中选中的数据添加到table2中并显示出来

在HTML中，你可以使用JavaScript和一些DOM操作来实现这个功能。首先，你需要为表格创建对应的按钮和数据选择机制。以下是基本步骤：

1. **设置HTML结构**：
创建两个表格（`<table>`），每个表格都有相同的列，假设它们都有id分别为`table1`和`table2`。

   <table id="table1">
     <!-- 表格数据 -->
   </table>
   
   <button onclick="addData()">添加到表2</button>

   <table id="table2">
     <!-- 用于显示从table1添加的数据 -->
   </table>

2. **JavaScript事件处理函数**：
创建一个名为`addData`的JavaScript函数，在点击按钮时触发。在这个函数里，获取被选中的行，并将其内容复制到`table2`。

   function addData() {
     // 获取table1中被选中的行
     var selectedRow = document.getElementById('table1').rows[0]; // 假设总是第一行被选中，实际应用中需检查

     // 如果有选中行
     if (selectedRow) {
       // 获取选中行的内容（这里只取一列作为示例）
       var dataToCopy = selectedRow.cells[0].textContent;

       // 创建一个新的行元素
       var newRow = document.createElement('tr');

       // 将数据添加到新行
       var newCell = document.createElement('td');
       newCell.textContent = dataToCopy;
       newRow.appendChild(newCell);

       // 将新行添加到table2
       var table2Body = document.getElementById('table2').getElementsByTagName('tbody')[0];
       table2Body.appendChild(newRow);
     }
   }

请注意，这只是一个基础的示例，实际应用中可能需要考虑更多的细节，比如遍历所有被选中的行、处理多选情况以及错误处理等。另外，如果你希望提供更好的用户体验，可以使用jQuery或者其他库简化DOM操作。