过滤div内容后调整div大小

<div id="content">
    <p>This is a sample text.</p>
    <p>Another paragraph with more content.</p>
    <div class="filter-me">This should be filtered out.</div>
</div>
<button onclick="filterAndResize()">Filter and Resize</button>

function filterAndResize() {
    const contentDiv = document.getElementById('content');
    const filterMeElements = contentDiv.getElementsByClassName('filter-me');

    // 过滤内容
    while (filterMeElements.length > 0) {
        filterMeElements[0].parentNode.removeChild(filterMeElements[0]);
    }

    // 调整大小
    contentDiv.style.height = 'auto'; // 先设置为自动以获取实际高度
    const newHeight = contentDiv.scrollHeight + 'px';
    contentDiv.style.height = newHeight;
}

#content {
    width: 300px;
    overflow: hidden;
    border: 1px solid #ccc;
}