js如何获取行数

function getLineCount(text) {
    if (!text) return 0;
    // 使用正则表达式匹配所有类型的换行符（\n 或 \r\n）
    const lines = text.split(/\r?\n/);
    return lines.length;
}

// 示例使用
const sampleText = "第一行\n第二行\r\n第三行";
console.log(getLineCount(sampleText)); // 输出: 3

function getLineCountElement(element) {
    if (!element) return 0;
    const style = window.getComputedStyle(element);
    const lineHeight = parseFloat(style.lineHeight);
    const height = element.clientHeight;
    return Math.ceil(height / lineHeight);
}

// 示例使用
const textArea = document.getElementById('myTextArea');
console.log(getLineCountElement(textArea)); // 输出元素的行数

function getVisibleLineCount(element) {
    if (!element) return 0;
    const range = document.createRange();
    range.selectNodeContents(element);
    const fragment = range.cloneContents();
    const tempDiv = document.createElement('div');
    tempDiv.appendChild(fragment);
    // 移除所有样式以获取纯文本高度
    tempDiv.style.position = 'absolute';
    tempDiv.style.visibility = 'hidden';
    tempDiv.style.whiteSpace = 'pre-wrap';
    document.body.appendChild(tempDiv);
    const lineHeight = parseFloat(window.getComputedStyle(tempDiv).lineHeight);
    const height = tempDiv.clientHeight;
    document.body.removeChild(tempDiv);
    return Math.ceil(height / lineHeight);
}

// 示例使用
const richTextDiv = document.getElementById('richText');
console.log(getVisibleLineCount(richTextDiv)); // 输出可视行数