JS复制某一列问题解答

**如何使用js实现点击复制按钮 把红框中的一列数据复制出来
**

img

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script type="text/javascript">

        function tiJiao(){
        
            var id_t1 = document.getElementById("table1");
        
            var rows = id_t1.rows.length;                  // 获取行数
        
            var cols = id_t1.rows.item(0).cells.length;   // 获取列数
        
            var arr = [] // 第一列的数据
            for(i=0; i< rows; i++){
                 arr.push(id_t1.rows[i].cells[0].innerText);
            }    
            console.log(arr)
        }
        
        </script>
        
        
        
        <table id="table1">
        
         <tr>
        
          <td id="td1">我是00</td><td id="td2">我是11</td><td id="td2">我是20</td>
        
         </tr>
        
          <tr>
        
          <td id="td1">我是01</td><td id="td2">我是12</td><td id="td2">我是21</td>
        
         </tr>
        
          <tr>
        
          <td id="td1">我是02</td><td id="td2">我是13</td><td id="td2">我是22</td>
        
         </tr>
        
        </table>
        
        <input type="button" value="更改" onclick="tiJiao()" />
</body>
</html>

不知道你的代码是用什么写的，只能逻辑上给个参考，有用请采纳谢谢！

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>获取第一列数据</title>
    <style>
        ul {
            padding: 0;
            margin: 0;
        }

        ul li {
            list-style: none;
            display: flex;
            justify-content: space-around;
        }
    </style>
</head>

<body>
    <ul>
        <li>
            <div class="left">小明1</div>
            <div class="right">小红</div>
        </li>
        <li>
            <div class="left">小明2</div>
            <div class="right">小红</div>
        </li>
        <li>
            <div class="left">小明3</div>
            <div class="right">小红</div>
        </li>
    </ul>
    <input type="button" value="复制" onclick="tiJiao()" />

    <script>
        // 获取所有的li标签
        var lis = document.querySelectorAll("ul li");
        // 获取所有li标签第一列的标签
        var divs = document.querySelectorAll(".left");
        // 定义空数组储存数据
        var data = [];
        for(var i = 0; i < lis.length; i ++) {
            // 循环遍历获取每个标签的内容
            var text = divs[i].innerText;
            // 把获取到的内容储存到数组中
            data.push(text);
        }
        // 输出数组
        console.log(data);
    </script>
</body>

</html>

数组循环拿了啊