如何显示onclick事件中的列和行中的数据

在onclick事件中显示列和行中的数据，可以通过以下步骤实现：

首先，确保你已经有一个包含数据的表格或其他数据结构。表格通常由行和列组成，每个单元格包含一个数据项。
在HTML中，为需要触发onclick事件的元素添加一个唯一的id或class属性。例如，可以给表格的每个单元格添加一个class属性，以便在点击时触发事件。
在JavaScript中，使用document.getElementById()或document.getElementsByClassName()等方法获取到需要触发事件的元素。
使用addEventListener()方法将onclick事件绑定到获取到的元素上。在事件处理程序中，可以通过this关键字引用当前被点击的元素。
在事件处理程序中，可以使用DOM操作方法（如parentNode、previousSibling、nextSibling等）来获取到所在行和列的其他元素。
通过获取到的行和列元素，可以进一步获取到其中的数据。可以使用innerHTML属性获取到元素的文本内容，或者使用getAttribute()方法获取到元素的自定义属性。

以下是一个示例代码：

<!DOCTYPE html>
<html>
<head>
  <title>显示行和列中的数据</title>
</head>
<body>
  <table>
    <tr>
      <td class="cell">数据1</td>
      <td class="cell">数据2</td>
    </tr>
    <tr>
      <td class="cell">数据3</td>
      <td class="cell">数据4</td>
    </tr>
  </table>

  <script>
    // 获取所有具有class为"cell"的元素
    var cells = document.getElementsByClassName("cell");

    // 给每个单元格添加onclick事件
    for (var i = 0; i < cells.length; i++) {
      cells[i].addEventListener("click", function() {
        // 获取所在行和列的其他元素
        var row = this.parentNode;
        var column = this;

        // 获取行和列的索引
        var rowIndex = Array.prototype.indexOf.call(row.parentNode.children, row);
        var columnIndex = Array.prototype.indexOf.call(row.children, column);

        // 获取行和列中的数据
        var rowData = row.cells[columnIndex].innerHTML;
        var columnData = column.innerHTML;

        // 在控制台输出数据
        console.log("所在行的数据：" + rowData);
        console.log("所在列的数据：" + columnData);
      });
    }
  </script>
</body>
</html>

在上述示例中，我们使用了一个表格来展示数据。每个单元格都有一个class为"cell"，并且绑定了onclick事件。当单元格被点击时，事件处理程序会获取到所在行和列的其他元素，并输出行和列中的数据。

请注意，这只是一个简单的示例，实际应用中可能需要根据具体情况进行适当的修改和扩展。