js获取段落行数

function getLineCount(element) {
    const lineHeight = parseFloat(getComputedStyle(element).lineHeight);
    const scrollHeight = element.scrollHeight;
    return Math.ceil(scrollHeight / lineHeight);
}

const paragraph = document.querySelector('p');
console.log(getLineCount(paragraph));

function getLineCount(element) {
    const range = document.createRange();
    range.selectNodeContents(element);
    const rects = range.getClientRects();
    return rects.length;
}

const paragraph = document.querySelector('p');
console.log(getLineCount(paragraph));

function getLineCount(element) {
    const lineHeight = parseFloat(getComputedStyle(element).lineHeight);
    const offsetHeight = element.offsetHeight;
    return Math.ceil(offsetHeight / lineHeight);
}

const paragraph = document.querySelector('p');
console.log(getLineCount(paragraph));

function getLineCount(element) {
    const text = element.textContent;
    const tempElement = document.createElement('div');
    tempElement.style.position = 'absolute';
    tempElement.style.visibility = 'hidden';
    tempElement.style.whiteSpace = 'pre-wrap';
    tempElement.style.wordWrap = 'break-word';
    tempElement.textContent = text;
    document.body.appendChild(tempElement);

    const lines = tempElement.clientHeight / parseFloat(getComputedStyle(tempElement).lineHeight);
    document.body.removeChild(tempElement);
    return Math.ceil(lines);
}

const paragraph = document.querySelector('p');
console.log(getLineCount(paragraph));