.html getSelection null

这个错误通常发生在尝试访问DOM中的选择文本，但没有选择任何内容时。可能是因为您的代码在尝试访问选择文本之前未对其进行检查。您可以使用getSelection()方法检查是否有选择文本可用，例如：

let selectedText = '';
if (window.getSelection) {
  selectedText = window.getSelection().toString();
}

这将检查是否存在选择文本，如果存在，则将其存储在selectedText变量中。如果不存在，则selectedText将保持为空字符串。

相关问题

html当光标在当前行的某一列怎样获取当前行的上下两行同一列的单元格js原生态代码

在HTML中，如果你想要通过JavaScript获取光标所在行以及上下两行同一列的单元格信息，你可以使用`window.getSelection()`方法来获取选区，然后遍历DOM节点。以下是一个简单的示例，假设你的表格结构类似这样：

<table id="myTable">
    <tr>
        <td>cell_1</td>
        <td>cell_2</td>
    </tr>
    <!-- 其他行... -->
    <tr>
        <td>current_cell</td>
        <!-- 上下一行类似 -->
    </tr>
</table>

<script>
    // 获取选区
    var selection = window.getSelection();
    if (selection.rangeCount > 0) {
        var range = selection.getRangeAt(0);
        var commonAncestorContainer = range.commonAncestorContainer;
        
        // 确保在表格内
        if (commonAncestorContainer && commonAncestorContainer.tagName.toLowerCase() === 'td') {
            var row = commonAncestorContainer.parentNode;
            
            // 获取当前行和上下两行的同一列元素
            var currentCell = row.cells[range.startOffset];
            var upCell = row.previousElementSibling ? row.previousElementSibling.cells[range.startOffset] : null; // 如果没有上一行，则upCell为空
            var downCell = row.nextElementSibling ? row.nextElementSibling.cells[range.startOffset] : null; // 同理，如果没有下一行
            
            console.log({
                currentCellContent: currentCell.textContent,
                upCellContent: upCell ? upCell.textContent : 'None',
                downCellContent: downCell ? downCell.textContent : 'None'
            });
        }
    }
</script>

这个例子假设表格每行有两列，`range.startOffset`表示光标位置。注意这只是一个基本的实现，实际应用中可能需要处理更复杂的表格结构。

document.execCommand

`document.execCommand` 是HTML5 API中一个用于浏览器执行文档级别的命令的方法。它主要用于在浏览器环境中对选定的内容（如文本、图片等）进行一些基本的编辑操作，比如复制、粘贴、剪切、创建超链接、格式化文字等。这个方法通常与 `document.getSelection()`（获取当前选区）一起使用，因为它需要知道用户选中的内容才能执行相应的命令。

举个例子，如果你想要在一个富文本区域删除选中的文本，你可以这样做：

var selection = window.getSelection();
if (selection.rangeCount > 0) {
  var range = selection.getRangeAt(0);
  document.execCommand('delete', false, null);
}

然而，由于安全性和兼容性的原因，现代浏览器倾向于推荐使用更现代的API，如 `clipboard.writeText()` 或者 `Selection` 和 `Range` 对象，而不是直接依赖 `document.execCommand`。